.w1520 {
    padding-left: 10.4vw;
    padding-right: 10.4vw;
  }
  .w1200 {
    padding-left: 18.75vw;
    padding-right: 18.75vw;
  }
  body::-webkit-scrollbar {
    display: none;
  }
  html,
  body {
    scroll-behavior: smooth;
  }
  .Header {
    position: fixed;
    left: 0;
    top: 0;
    box-sizing: border-box;
    padding: 0 0.68rem;
    z-index: 6;
    width: 100%;
    transition: 0.4s;
  }
  .Header .box .logo {
    padding: 0.45rem 0;
    transition: 0.4s;
  }
  .Header .box .logo a {
    display: block;
  }
  .Header .box .logo a img {
    height: 43px;
  }
  .Header .box .logo a .img2{
      display: none;
  }
  .Header .box .nav nav {
    height: 100%;
  }
  .Header .box .nav .item {
    padding: 0 0.32rem;
    position: relative;
  }
  .Header .box .nav .item .one {
    height: 100%;
  }
  .Header .box .nav .item .one a {
    font-size: 0.16rem;
    color: #fff;
    display: flex;
    align-items: center;
    height: 100%;
    transition: 0.4s;
  }
  .Header .box .nav .item .one a span {
    display: none;
    margin: auto;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #286ef0;
    margin-top: 0.06rem;
  }
  .Header .box .nav .item ul {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.9);
    width: 140%;
    z-index: 1;
    backdrop-filter: blur(5px);
    box-shadow: 0px 0px 10px rgba(25, 69, 138, 0.1);
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 0% 0%);
    clip-path: polygon(0 0, 100% 0%, 100% 0%, 0% 0%);
  }
  .Header .box .nav .item ul li a {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 0.15rem;
    text-align: center;
    padding: 8px 0;
    transition: 0.4s;
  }
  .Header .box .nav .item ul li a:hover {
    background: #286ef0;
    color: #fff;
  }
  .Header .box .nav .item:hover .one a {
    color: #286ef0;
  }
  .Header .box .nav .item:hover ul {
    transition: 0.4s;
    -webkit-clip-path: polygon(-1% 0, 101% 0%, 101% 101%, -1% 101%);
    clip-path: polygon(-1% 0, 101% 0%, 101% 101%, -1% 101%);
  }
  .Header .box .nav .active .one a {
    color: #286ef0;
  }
  .Header .box .nav .active .one a span {
    display: block;
  }
  
  .Header.active {
    background: #fff;
    box-shadow: 0px 0px 0px 1px #f5f5f5;
  }
  .Header.active .box .logo {
    padding: 0.15rem 0;
  }
  .Header.active .box .logo a .img1{
      display: none;
  }
  .Header.active .box .logo a .img2{
      display: block;
  }
  .Header.active .nav .item .one a{
      color: #000;
  }
  
  
  
  .Header.on .box .logo {
    padding: 0.15rem 0;
  }
  
  .Header.on {
    background: #fff;
    box-shadow: 0px 0px 0px 1px #f5f5f5;
  }
  .Header.on .box .logo {
    padding: 0.15rem 0;
  }
  .Header.on .box .logo a .img1{
      display: none;
  }
  .Header.on .box .logo a .img2{
      display: block;
  }
  .Header.on .nav .item .one a{
      color: #000;
  }
  
  
  
  .MobileMain {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    background: #286ef0;
    display: none;
  }
  .HeaderMobile {
    /* border-bottom: 1px solid #f5f5f5; */
    /* display: none; */
    box-shadow: 0px 0px 1px #f5f5f5;
  }
  .HeaderMobile .box {
    display: flex;
    justify-content: space-between;
    padding: 10px 5vw;
  }
  .HeaderMobile .box .logo {
    display: flex;
    align-items: center;
  }
  .HeaderMobile .box .logo a {
    display: block;
  }
  .HeaderMobile .box .logo a img {
    height: 30px;
  }
  .HeaderMobile .box .button {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .HeaderMobile .box .button .search p svg {
    display: flex;
  }
  .HeaderMobile .box .button .search .Close {
    display: none;
  }
  .HeaderMobile .box .button .search .active .Show {
    display: none;
  }
  .HeaderMobile .box .button .search .active .Close {
    display: flex;
  }
  .HeaderMobile .box .button .word {
    font-size: 14px;
    font-weight: bold;
  }
  .HeaderMobile .box .button .word a {
    color: #206231;
    text-decoration: none;
  }
  .HeaderMobile .box .button .word a svg {
    display: inline-block;
    vertical-align: sub;
    animation: CallUp 0.5s ease 0s infinite;
    -webkit-animation: CallUp 0.5s ease 0s infinite;
    -moz-animation: CallUp 0.5s ease 0s infinite;
    -o-animation: CallUp 0.5s ease 0s infinite;
  }
  .HeaderMobile .box .button .word a img {
    position: relative;
  }
  .HeaderMobile .box .button .call a {
    color: #000;
    font-size: 16px;
  }
  .HeaderMobile .box .button .Lanuage {
    display: flex;
    align-items: center;
    height: 100%;
  }
  .HeaderMobile .box .button .Lanuage p {
    display: flex;
    justify-content: space-around;
    border: 1px solid #fff;
    padding: 7px 8px;
    border-radius: 15px;
    transition: 0.4s;
  }
  .HeaderMobile .box .button .Lanuage p a {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    line-height: 16px;
    text-decoration: none;
    padding: 0 7px;
    transition: 0.4s;
  }
  .HeaderMobile .box .button .Lanuage p a:not(:last-child) {
    border-right: 1px solid #fff;
  }
  .HeaderMobile .box .button .menu {
    margin-left: 1rem;
  }
  .HeaderMobile .box .button .menu .menu_btn p {
    position: relative;
  }
  .HeaderMobile .box .button .menu .menu_btn p span {
    display: block;
    width: 30px;
    height: 2px;
    background: #286ef0;
    margin: 8px 0;
  }
  .HeaderMobile .box .button .menu .menu_btn p span:nth-child(1) {
    transition: 0.4s;
  }
  .HeaderMobile .box .button .menu .menu_btn p span:nth-child(2) {
    opacity: 0;
  }
  .HeaderMobile .box .button .menu .menu_btn p span:nth-child(3) {
    transition: 0.4s;
  }
  .HeaderMobile .box .button .menu .menu_btn p::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    background: #286ef0;
    top: 50%;
    margin-top: -1px;
    transition: 0.4s;
  }
  .HeaderMobile .box .button .menu .menu_btn p::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    background: #286ef0;
    top: 50%;
    margin-top: -1px;
    transition: 0.4s;
  }
  .HeaderMobile .box .button .menu .menu_btn.active p span {
    opacity: 0;
  }
  .HeaderMobile .box .button .menu .menu_btn.active p::before {
    transform: rotate(45deg);
  }
  .HeaderMobile .box .button .menu .menu_btn.active p::after {
    transform: rotate(-45deg);
  }
  .MobileNav {
    position: absolute;
    width: 100%;
    height: calc(100vh - 58px);
    background: #fff;
    z-index: 3;
    display: none;
  }
  .MobileNav .box {
    margin: 0 5vw;
    padding: 30px 0;
    height: 100%;
    box-sizing: border-box;
  }
  .MobileNav .box .box_scroll {
    overflow: scroll;
    height: 100%;
    overscroll-behavior: contain;
  }
  .MobileNav .box .box_scroll::-webkit-scrollbar {
    display: none;
  }
  .MobileNav .box .item > p {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    /* pointer-events: none; */
  }
  .MobileNav .box .active p {
    pointer-events: auto;
  }
  .MobileNav .box .item > p a {
    display: block;
    font-size: 22px;
    line-height: 76px;
    color: #000;
    text-decoration: none;
    flex: 1;
  }
  .MobileNav .box .item > p span {
    width: 22px;
    height: 76px;
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 2;
    right: 0;
  }
  .MobileNav .box .item > p i {
    display: block;
    width: 22px;
    height: 1px;
    background: #999;
    position: relative;
  }
  .MobileNav .box .item > p i::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: #999;
    transform: rotate(90deg);
    transition: 0.4s;
  }
  .MobileNav .box .item > p .active i::after {
    transform: rotate(180deg);
  }
  .MobileNav .box .item ul {
    display: none;
    padding: 16px 24px;
    list-style: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .MobileNav .box .item:last-child p {
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
  }
  .MobileNav .box .item ul li a {
    display: block;
    font-size: 20px;
    color: #000;
    line-height: 54px;
    opacity: 0.8;
    text-decoration: none;
  }
  .BannerContainer .Container {
    position: relative;
  }
  .BannerContainer .Container .swiper-slide {
    position: relative;
  }
  .BannerContainer .Container .swiper-slide:first-child:after{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.3);
  }
  .BannerContainer .Container .swiper-slide > img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
  }
  .BannerContainer .Container .swiper-slide > video {
    width: 100%;
    height: 100vh;
    object-fit: fill;
    vertical-align: bottom;
  }
  .BannerContainer .Container .swiper-slide ._p {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .BannerContainer .Container .swiper-slide ._p .Main {
    margin-left: 10.4vw;
    transform: translateX(150%);
    opacity: 0;
  }
  .BannerContainer .Container .swiper-slide ._p .Main h4 {
    font-size: 0.7rem;
    color: #fff;
    letter-spacing: 12px;
  }
  .BannerContainer .Container .swiper-slide ._p .Main h4 span {
    color: #286ef0;
  }
  .BannerContainer .Container .swiper-slide ._p .Main p {
    margin-top: 0.28rem;
    font-family: 'gilroy_Medium';
    font-size: 0.14rem;
    color: #fff;
    opacity: 0.3;
    letter-spacing: 0.04rem;
  }
  .BannerContainer .Container .swiper-slide ._p .Main .icon {
    margin-top: 0.6rem;
  }
  .BannerContainer .Container .swiper-slide-active ._p .Main {
    transition: 1s;
    opacity: 1;
    transform: translateX(0);
  }
  .BannerContainer .Container .Pager {
    position: absolute;
    left: 50%;
    bottom: 0.6rem;
    transform: translateX(-50%);
    z-index: 2;
  }
  .BannerContainer .Container .Pager div p {
    margin: 0 0.12rem;
    opacity: 1;
    width: auto;
    height: auto;
    background: none;
    border-radius: 0;
  }
  .BannerContainer .Container .Pager div p .img2 {
    display: none;
  }
  .BannerContainer .Container .Pager div .swiper-pagination-bullet-active .img1 {
    display: none;
  }
  .BannerContainer .Container .Pager div .swiper-pagination-bullet-active .img2 {
    display: inline-block;
  }
  .BannerContainer .Container .button {
    position: absolute;
    z-index: 2;
    right: 10.4vw;
    top: 50%;
    transform: translateY(-50%);
  }
  .BannerContainer .Container .button div {
    margin: 0.25rem 0;
    cursor: pointer;
    opacity: 0.5;
    transition: 0.4s;
  }
  .BannerContainer .Container .button div:hover {
    opacity: 1;
  }
  .BannerContainer .Container .button .next img {
    transform: rotate(180deg);
  }
  .p75 {
    padding-top: 0.75rem;
  }
  .p75_ {
    padding-bottom: 0.75rem;
  }
  .IndexTitle {
    text-align: center;
    letter-spacing: 0.04rem;
  }
  .IndexTitle h1 {
    font-size: 0.36rem;
  }
  .IndexTitle .h5 {
    font-family: 'gilroy_Medium';
    color: #999;
    margin-top: 0.16rem;
  }
  .m56 {
    margin-top: 0.56rem;
  }
  .ProductCenter .box .banner1 {
    margin: auto;
  }
  .ProductCenter .box .banner1 .swiper-container {
    overflow: initial;
  }
  .ProductCenter .box .banner1 .swiper-wrapper {
    display: flex;
    justify-content: center;
  }
  .ProductCenter .box .banner1 .swiper-slide {
    text-align: center;
    margin: 0 0.28rem;
    width: auto;
    cursor: pointer;
  }
  .ProductCenter .box .banner1 .swiper-slide .icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #e4eaf0;
    position: relative;
    margin: auto;
    transition: 0.4s;
  }
  .ProductCenter .box .banner1 .swiper-slide .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: 0.4s;
  }
  .ProductCenter .box .banner1 .swiper-slide .icon .checked {
    opacity: 0;
  }
  .ProductCenter .box .banner1 .swiper-slide .title {
    margin-top: 0.15rem;
    font-size: 0.16rem;
    color: #999;
    line-height: 0.24rem;
    height: 0.48rem;
    display: flex;
    align-items: center;
  }
  .ProductCenter .box .banner1 .swiper-slide .title p {
    width: 100%;
  }
  .ProductCenter .box .banner1 .swiper-slide:hover .icon {
    box-shadow: 0px 0px 10px rgba(25, 69, 138, 0.3);
  }
  .ProductCenter .box .banner1 .swiper-slide.active .icon {
    background: #286ef0;
  }
  .ProductCenter .box .banner1 .swiper-slide.active .icon .default {
    opacity: 0;
  }
  .ProductCenter .box .banner1 .swiper-slide.active .icon .checked {
    opacity: 1;
  }
  .ProductCenter .box .banner1 .swiper-slide.active .title {
    color: #000;
  }
  .ProductCenter .box .banner2 {
    position: relative;
  }
  .ProductCenter .box .banner2 .Pager {
    position: absolute;
    left: 24%;
    z-index: 2;
    top: 44%;
    transform: translateY(-50%);
  }
  .ProductCenter .box .banner2 .Pager div p {
    width: auto;
    height: auto;
    opacity: 1;
    background: none;
    border-radius: 0;
    display: block;
    margin: 8px 0;
  }
  .ProductCenter .box .banner2 .Pager div p img {
    filter: grayscale(1);
    opacity: 0.2;
  }
  .ProductCenter .box .banner2 .Pager div .swiper-pagination-bullet-active img {
    filter: grayscale(0);
    opacity: 1;
  }
  .ProductCenter .box .banner2 .button {
    position: absolute;
    right: 24%;
    z-index: 2;
    top: 44%;
    transform: translateY(-50%);
  }
  .ProductCenter .box .banner2 .button div {
    margin: 0.25rem 0;
    cursor: pointer;
    transition: 0.4s;
  }
  .ProductCenter .box .banner2 .button div img {
    filter: grayscale(1);
    opacity: 0.3;
    transition: 0.4s;
  }
  .ProductCenter .box .banner2 .button div:hover img {
    filter: grayscale(0);
    opacity: 1;
  }
  .ProductCenter .box .banner2 .button .next img {
    transform: rotate(180deg);
  }
  .ProductCenter .box .banner2 .swiper-slide {
    width: 8.6rem;
    min-height: 100px;
    padding-bottom: 0.4rem;
  }
  .ProductCenter .box .banner2 .swiper-slide a {
    display: block;
    position: relative;
  }
  .ProductCenter .box .banner2 .swiper-slide .BottomLayer {
    border-radius: 0.2rem;
    background: #286ef0;
    position: relative;
  }
  .ProductCenter .box .banner2 .swiper-slide .BottomLayer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.4s;
    background: rgba(255, 255, 255, 0.5);
  }
  .ProductCenter .box .banner2 .swiper-slide .BottomLayer .Main {
    flex: 1;
    padding: 0.48rem 1.2rem 0 0.54rem;
    box-sizing: border-box;
  }
  .ProductCenter .box .banner2 .swiper-slide .BottomLayer .Main .contetn1 img {
    height: 0.6rem;
  }
  .ProductCenter .box .banner2 .swiper-slide .BottomLayer .Main .content2 {
    font-size: 0.24rem;
    font-family: 'gilroy_Medium';
    color: #fff;
    margin-top: 0.24rem;
  }
  .ProductCenter .box .banner2 .swiper-slide .BottomLayer .Main .content3 {
    font-size: 0.24rem;
    color: #fff;
    margin-top: 0.08rem;
  }
  .ProductCenter .box .banner2 .swiper-slide .BottomLayer .Main .content4 {
    margin-top: 0.54rem;
    font-size: 0.14rem;
    line-height: 0.3rem;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: justify;
    text-justify: distribute-all-lines;
  }
  .ProductCenter .box .banner2 .swiper-slide .BottomLayer .Main .content5 {
    margin-top: 0.36rem;
  }
  .ProductCenter .box .banner2 .swiper-slide .BottomLayer .Img {
    width: 4.9rem;
  }
  .ProductCenter .box .banner2 .swiper-slide .BottomLayer .Img img {
    width: 100%;
    object-fit: cover;
  }
  .ProductCenter .box .banner2 .swiper-slide .ProImg {
    position: absolute;
    /*top: 0.64rem;*/
    left: 50%;
    /*width: 3.02rem;*/
    width: 5rem;
    height: 4.62rem;
    bottom: -0.4rem;
    transform: translateX(-50%);
    text-align: center;
    display: flex;
      flex-flow: column;
      justify-content: flex-end;
  }
  .ProductCenter .box .banner2 .swiper-slide .ProImg p{
      max-height: 100%;
      max-width: 100%;
      
  }
  .ProductCenter .box .banner2 .swiper-slide .ProImg img {
    max-width: 100%;
    max-height: 100%;
  }
  .ProductCenter .box .banner2 .swiper-slide-active a .BottomLayer::after {
    opacity: 0;
  }
  .NewsContainer .box .boxLeft {
    width: 56%;
  }
  .NewsContainer .box .boxLeft a {
    display: flex;
    border-radius: 0.2rem;
    background: #f4f7fc;
  }
  .NewsContainer .box .boxLeft a .img {
    width: 5rem;
    overflow: hidden;
    border-radius: 0.2rem 0 0 0.2rem;
  }
  .NewsContainer .box .boxLeft a .img img {
    width: 100%;
    transition: 1s;
    transform: scale(1.1);
    height: 100%;
    object-fit: cover;
    
  }
  .NewsContainer .box .boxLeft a .Main {
    flex: 1;
    padding: 0.4rem;
    max-width: calc(100% - 5rem);
  }
  .NewsContainer .box .boxLeft a .Main .content1 {
    font-size: 12px;
    color: #286ef0;
  }
  .NewsContainer .box .boxLeft a .Main .content2 {
    font-size: 0.24rem;
    color: #000;
    margin-top: 0.08rem;
    transition: 0.4s;
  }
  .NewsContainer .box .boxLeft a .Main .content3 {
    margin-top: 0.2rem;
    font-size: 0.16rem;
    color: #666;
    line-height: 0.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-align: justify;
    text-justify: distribute-all-lines;
    min-height: 1.2rem;
  }
  .NewsContainer .box .boxLeft a .Main .content4 {
    margin-top: 0.58rem;
  }
  .NewsContainer .box .boxLeft a:hover .img img {
    transform: scale(1);
  }
  .NewsContainer .box .boxLeft a:hover .Main .content2 {
    color: #286ef0;
  }
  .NewsContainer .box .boxRight {
    width: 40%;
    display: flex;
    justify-content: space-between;
    flex-flow: column;
  }
  .NewsContainer .box .boxRight .item {
    width: 100%;
  }
  .NewsContainer .box .boxRight .item a {
    display: flex;
  }
  .NewsContainer .box .boxRight .item a .left {
    width: 2.15rem;
  }
  .NewsContainer .box .boxRight .item a .left p {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .NewsContainer .box .boxRight .item a .left img {
    transition: 0.4s;
    transform: scale(1.1);
    /* width: 100%; */
    height: 1.7rem;
  }
  .NewsContainer .box .boxRight .item a .right {
    flex: 1;
    max-width: calc(100% - 2.15rem);
    padding-left: 0.3rem;
  }
  .NewsContainer .box .boxRight .item a .right .content1 {
    font-size: 12px;
    color: #286ef0;
  }
  .NewsContainer .box .boxRight .item a .right .content2 {
    font-size: 0.24rem;
    color: #000;
    margin-top: 0.08rem;
    transition: 0.4s;
  }
  .NewsContainer .box .boxRight .item a .right .content3 {
    margin-top: 0.12rem;
    font-size: 0.16rem;
    color: #666;
    line-height: 0.3rem;
    min-height: 0.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: justify;
    text-justify: distribute-all-lines;
  }
  .NewsContainer .box .boxRight .item a .right .content4 {
    margin-top: 0.18rem;
  }
  .NewsContainer .box .boxRight .item a:hover .left img {
    transform: scale(1);
  }
  .NewsContainer .box .boxRight .item a:hover .right .content2 {
    color: #286ef0;
  }
  .Button8 .btn {
    display: block;
    font-size: 16px;
    width: 250px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 58px;
    border-radius: 30px;
    cursor: pointer;
    color: #fff;
    position: relative;
    overflow: hidden;
    background: #286ef0;
    transition: 0.4s;
  }
  .Button8 .btn:hover {
    border: 1px solid #286ef0;
    box-shadow: 0px 0px 16px rgba(143, 193, 50, 0.4);
  }
  .Footer {
    background: #286ef0;
  }
  .Footer .boxTop {
    padding-top: 0.45rem;
    padding-bottom: 0.6rem;
    background: url(../images/fbg1.png) no-repeat 50% 50%;
    background-size: 100% auto;
  }
  .Footer .boxTop .info {
    width: 2.74rem;
  }
  .Footer .boxTop .info .top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 0.45rem;
  }
  .Footer .boxTop .info .top svg {
    display: block;
  }
  .Footer .boxTop .info .call {
    margin-top: 0.48rem;
  }
  .Footer .boxTop .info .call a {
    font-size: 0.24rem;
    font-family: 'gilroy_Medium';
    color: #fff;
  }
  .Footer .boxTop .info .call a span {
    display: inline-block;
    width: 0.3rem;
    position: relative;
    top: 3px;
  }
  .Footer .boxTop .info .call a span img {
    display: block;
  }
  .Footer .boxTop .info .bot {
    margin-top: 0.3rem;
  }
  .Footer .boxTop .info .bot p {
    position: relative;
    font-size: 14px;
    color: #a1b9de;
    line-height: 0.3rem;
    padding-left: 0.4rem;
  }
  .Footer .boxTop .info .bot p span {
    position: absolute;
    left: 0;
  }
  .Footer .boxTop .list {
    flex: 1;
    display: flex;
  }
  .Footer .boxTop .list .item {
    flex: 1;
  }
  .Footer .boxTop .list .item h5 {
    font-size: 0.16rem;
    color: #fff;
    line-height: 43px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 0.45rem;
    padding-left: 0.9rem;
  }
  .Footer .boxTop .list .item ul {
    margin-top: 0.48rem;
    padding-left: 0.9rem;
  }
  .Footer .boxTop .list .item ul li {
    margin-top: 0.18rem;
  }
  .Footer .boxTop .list .item ul li a {
    color: #a1b9de;
    font-size: 14px;
    white-space: nowrap;
    transition: 0.4s;
  }
  .Footer .boxTop .list .item ul li a:hover {
    color: #fff;
  }
  .Footer .boxBot {
    background: #143e81;
    min-height: 10px;
    padding: 0.3rem 0;
  }
  .Footer .boxBot .Main .left {
    font-size: 12px;
    color: #7b96c3;
    line-height: 0.42rem;
  }
  .Footer .boxBot .Main .left span {
    display: inline-block;
    margin: 0 0.18rem 0 0;
  }
  .Footer .boxBot .Main .left a {
    color: #7b96c3;
  }
  .Footer .boxBot .Main .left font {
    color: #4e70a9;
    transition: .4s;
  }
  .Footer .boxBot .Main .left font:hover{
      color: #fff;
  }
  .Footer .boxBot .Main .right {
    display: flex;
  }
  .Footer .boxBot .Main .right p {
    position: relative;
  }
  .Footer .boxBot .Main .right p a {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
  }
  .Footer .boxBot .Main .right p a img {
    margin: auto;
  }
  .Footer .boxBot .Main .right p:not(:first-child) {
    margin-left: 0.2rem;
  }
  .Footer .boxBot .Main .right p > img {
    position: absolute;
    bottom: 0.6rem;
    left: 50%;
    transform: translateX(-50%) scale(0);
    width: 1.2rem;
    transform-origin: center bottom;
    transition: 0.4s;
  }
  .Footer .boxBot .Main .right p:hover > img {
    transform: translateX(-50%) scale(1);
  }
  .IndustryApplication {
    background: #f4f7fc;
    min-height: 100px;
  }
  .IndustryApplication .box {
    padding-left: 10.4vw;
  }
  .IndustryApplication .box .banner .swiper-slide {
    width: 230px;
    border-radius: 0.5rem 0 0.5rem 0;
    overflow: hidden;
    transition: 0.4s;
    position: relative;
  }
  .IndustryApplication .box .banner .swiper-slide .item {
    width: 570px;
    position: relative;
  }
  .IndustryApplication .box .banner .swiper-slide .item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
  }
  .IndustryApplication .box .banner .swiper-slide .item .img img {
    width: 100%;
    height: 600px;
    object-fit: cover;
  }
  .IndustryApplication .box .banner .swiper-slide .Main1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 230px;
    height: 100%;
    text-align: center;
    transform: translateY(0);
    transition: 0.4s;
  }
  .IndustryApplication .box .banner .swiper-slide .Main1 .content1 {
    padding-top: 1.26rem;
    margin-bottom: 0.4rem;
    height: 0.56rem;
  }
  .IndustryApplication .box .banner .swiper-slide .Main1 .content1 img {
    max-height: 100%;
  }
  .IndustryApplication .box .banner .swiper-slide .Main1 .contetn2 {
    font-size: 0.3rem;
    color: #fff;
    writing-mode: vertical-lr;
    /* margin: auto; */
    letter-spacing: 0.03rem;
    
    position: relative;
    transform: translateX(-50%);
    left: 50%;
  }
  .IndustryApplication .box .banner .swiper-slide .Main2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 570px;
    height: 100%;
    text-align: center;
    transform: translateY(30%);
    transition: 0.4s;
    opacity: 0;
  }
  .IndustryApplication .box .banner .swiper-slide .Main2 .content1 {
    margin-top: 0.6rem;
  }
  .IndustryApplication .box .banner .swiper-slide .Main2 .content2 {
    font-size: 0.3rem;
    color: #fff;
    margin: 0.28rem 0 0.08rem;
  }
  .IndustryApplication .box .banner .swiper-slide .Main2 .content3 {
    font-family: 'gilroy_regular';
    font-size: 14px;
    color: #fff;
  }
  .IndustryApplication .box .banner .swiper-slide .Main2 .content4 {
    margin-top: 0.28rem;
    font-size: 14px;
    color: #fff;
    line-height: 0.3rem;
  }
  .IndustryApplication .box .banner .swiper-slide .Main2 .content5 {
    margin-top: 0.35rem;
  }
  .IndustryApplication .box .banner .swiper-slide:hover {
    width: 570px;
  }
  .IndustryApplication .box .banner .swiper-slide:hover .Main1 {
    opacity: 0;
    transform: translateY(-100%);
  }
  .IndustryApplication .box .banner .swiper-slide:hover .Main2 {
    transform: translateY(0%);
    opacity: 1;
  }
  .IndustryApplication .box .banner .active {
    width: 570px;
  }
  .IndustryApplication .button {
    padding-right: 10.4vw;
  }
  .IndustryApplication .button .btn.prev img {
    transform: rotate(180deg);
  }
  .IndustryApplication .button .btn img {
    filter: grayscale(1);
    opacity: 0.3;
    transition: 0.4s;
    cursor: pointer;
  }
  .IndustryApplication .button .btn:hover img {
    filter: grayscale(0);
    opacity: 1;
  }
  .IndustryApplication .button .Pager {
    margin: 0 0.24rem;
  }
  .IndustryApplication .button .Pager div p {
    width: auto;
    height: auto;
    opacity: 1;
    background: none;
    margin: 0 0.12rem;
  }
  .IndustryApplication .button .Pager div .img2 {
    display: none;
  }
  .IndustryApplication .button .Pager div .swiper-pagination-bullet-active .img1 {
    display: none;
  }
  .IndustryApplication .button .Pager div .swiper-pagination-bullet-active .img2 {
    display: inline-block;
  }
  @keyframes swiper_img_move {
    0% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    50% {
      -webkit-transform: scale(1.1, 1.1);
      transform: scale(1.1, 1.1);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }
  .InnerBanner {
    position: relative;
  }
  .InnerBanner .img {
    overflow: hidden;
  }
  .InnerBanner .img img {
    width: 100%;
    transition: 5s;
    transform: scale(1);
    animation: swiper_img_move 8s linear 0s infinite normal both;
  }
  .InnerBanner .animated img {
    transform: scale(1);
  }
  .InnerBanner ._p {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 1;
  }
  .InnerBanner ._p .Main {
    width: 100%;
    text-align: center;
  }
  .InnerBanner ._p h1 {
    font-size: 0.48rem;
    color: #fff;
    letter-spacing: 0.01rem;
  }
  .InnerBanner ._p p {
    font-size: 14px;
    font-family: 'gilroy_Medium';
    color: #fff;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    margin-top: 0.16rem;
  }
  .ProductCenter_ .banner1 {
    border-bottom: 1px solid #eee;
    padding: 0.4rem 0;
  }
  .InnerTitle {
    font-size: 0.36rem;
    text-align: center;
  }
  .ProductContainer .List .item {
    width: 32%;
    margin-bottom: 0.48rem;
  }
  .ProductContainer .List .item:not(:nth-child(3n)) {
    margin-right: 2%;
  }
  .ProductContainer .List .item:nth-last-child(1) {
    margin-bottom: 0;
  }
  .ProductContainer .List .item:nth-last-child(2) {
    margin-bottom: 0;
  }
  .ProductContainer .List .item:nth-last-child(3) {
    margin-bottom: 0;
  }
  .ProductContainer .List .item a {
    display: block;
    border-bottom: 1px solid #eee;
  }
  .ProductContainer .List .item a .content1 {
    height: 4.2rem;
    background: #f2f2f2;
    padding: 0.74rem 0.4rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-radius: 0.2rem;
    border: 2px solid #f2f2f2;
    transition: 0.4s;
  }
  .ProductContainer .List .item a .content1 img {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    transition: 0.4s;
  }
  .ProductContainer .List .item a .content2 {
    color: #333;
    padding: 0 0.2rem 0.5rem;
  }
  .ProductContainer .List .item a .content2 .content3 {
    font-family: 'gilroy_regular';
    font-size: 0.24rem;
    margin: 0.24rem 0 0.14rem;
    transition: 0.4s;
    line-height: 0.28rem;
    height: .56rem;
  }
  .ProductContainer .List .item a .content2 .content4 {
    font-size: 0.24rem;
    transition: 0.4s;
  }
  .ProductContainer .List .item a .content2 .content5 {
    font-size: 0.16rem;
    color: #666;
    margin: 0.22rem 0 0.32rem;
  }
  .ProductContainer .List .item a .content2 .content5 br{
      display: none;
  }
  .ProductContainer .List .item a:hover .content1 {
    border: 2px solid #286ef0;
    background: none;
  }
  .ProductContainer .List .item a:hover .content1 img {
    transform: scale(1.06);
  }
  .ProductContainer .List .item a:hover .content2 .content3 {
    color: #286ef0;
  }
  .ProductContainer .List .item a:hover .content2 .content4 {
    color: #286ef0;
  }
  .inner_page {
    margin: auto;
  }
  .inner_page .box {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .inner_page .box .button p a {
    font-size: 16px;
    color: #093050;
    line-height: 52px;
    border: 1px solid #eee;
    display: block;
    padding: 0 40px;
    transition: 0.4s;
    border-radius: 30px;
  }
  .inner_page .box .button p a:hover {
    background: #286ef0;
    color: #fff;
    border: 1px solid #286ef0;
  }
  .inner_page .box .page {
    margin: 0 30px;
    display: flex;
    justify-content: center;
  }
  .inner_page .box .page a {
    font-size: 16px;
    line-height: 52px;
    border: 1px solid #ddd;
    width: 52px;
    display: block;
    text-align: center;
    margin: 0 6px;
    transition: 0.4s;
    border-radius: 50%;
    color: #093050;
  }
  .inner_page .box .page a:hover {
    background: #286ef0;
    color: #fff;
    border: 1px solid #286ef0;
  }
  .inner_page .box .page span {
    font-size: 16px;
    font-family: 'gilroy_bold';
    line-height: 52px;
    border: 1px solid transparent;
    width: 52px;
    display: block;
    text-align: center;
    margin: 0 6px;
    transition: 0.4s;
    cursor: default;
  }
  .inner_page .box .page .active {
    background: #286ef0;
    color: #fff;
    border: 1px solid #286ef0;
  }
  .con {
    display: flex;
    flex-flow: column;
    /* min-height: 100vh; */
  }
  .con_ {
    flex: 1;
  }
  .ProductInfo {
    margin-top: 0.75rem;
  }
  .ProductInfo .box .boxLeft {
    width: 50%;
    padding-top: 0.74rem;
  }
  .ProductInfo .box .boxLeft .content1 {
    font-size: 0.36rem;
    font-family: 'gilroy_regular';
  }
  .ProductInfo .box .boxLeft .content2 {
    font-size: 0.36rem;
    margin-top: 0.22rem;
  }
  .ProductInfo .box .boxLeft .content3 {
    font-size: 0.16rem;
    margin-top: 0.5rem;
  }
  .ProductInfo .box .boxLeft .content3 p {
    position: relative;
    padding-left: 0.1rem;
  }
  .ProductInfo .box .boxLeft .content3 p:not(:last-child) {
    margin-bottom: 0.24rem;
  }
  .ProductInfo .box .boxLeft .content3 p::after {
    content: '';
    position: absolute;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #666666;
    top: 0.08rem;
  }
  .ProductInfo .box .boxLeft .contetn4 {
    margin-top: 1rem;
  }
  .ProductInfo .box .boxLeft .contetn4 ul li {
    cursor: pointer;
    width: 0.68rem;
    height: 0.68rem;
    display: flex;
    align-items: center;
    background: #f2f2f2;
    padding: 0.12rem;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-right: 0.2rem;
  }
  .ProductInfo .box .boxLeft .contetn4 ul li img {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
  }
  .ProductInfo .box .boxLeft .contetn4 ul .active {
    background: #fff;
    border: 1px solid #286ef0;
  }
  .ProductInfo .box .boxRight {
    width: 50%;
  }
  .ProductInfo .box .boxRight .main {
    width: 6rem;
    height: 6rem;
    box-sizing: border-box;
    padding: 0.2rem;
    border: 1px dashed #eee;
    border-radius: 50%;
  }
  .ProductInfo .box .boxRight .main .main_ {
    background: #f2f2f2;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 1rem;
  }
  .ProductInfo .box .boxRight .main .main_ img {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    display: none;
  }
  .ProductInfo .box .boxRight .main .main_ .active {
    display: inline-block;
  }
  .ProductInfo1 {
    background: #f2f2f2;
    min-height: 100px;
  }
  .ProductInfo1 .box {
    margin-top: 0.6rem;
  }
  .ProductInfo1 .box p {
    font-size: 0.16rem;
    color: #333;
    line-height: 0.3rem;
    text-align: justify;
  }
  .ProductInfo1 .UpDown_ {
    padding: 1.4rem 0;
  }
  .UpDown {
    line-height: 0.7rem;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  .UpDown .button {
    font-size: 14px;
    width: 40%;
  }
  .UpDown .button a {
    color: #666;
    transition: 0.4s;
  }
  .UpDown .button a span {
    color: #333;
    transition: 0.4s;
  }
  .UpDown .button.next{
      text-align: right;
  }
  .UpDown .button a:hover {
    color: #286ef0;
  }
  .UpDown .button a:hover span {
    color: #286ef0;
  }
  .UpDown .go a {
    font-size: 14px;
    color: #333;
    transition: 0.4s;
  }
  .UpDown .go a svg {
    position: relative;
    top: 1px;
    margin-right: 0.1rem;
  }
  .UpDown .go a svg path {
    transition: 0.4s;
  }
  .UpDown .go a:hover {
    color: #286ef0;
  }
  .UpDown .go a:hover svg path {
    fill: #286ef0;
  }
  .Appliation .box .item {
    margin-bottom: 0.4rem;
  }
  .Appliation .box .item:last-child{
      margin-bottom: 0;
  }
  .Appliation .box .item a {
    border-radius: 0.2rem;
    overflow: hidden;
    background: #e9eef6;
    transition: 0.4s;
  }
  .Appliation .box .item a .left {
    width: 58%;
  }
  .Appliation .box .item a .left p {
    overflow: hidden;
    border-radius: 0.12rem 0 0 0.12rem;
  }
  .Appliation .box .item a .left p img {
    width: 100%;
    transition: 0.4s;
    max-height: 4.2rem;
  }
  .Appliation .box .item a .right {
    flex: 1;
    box-sizing: border-box;
    padding: 0.5rem;
  }
  .Appliation .box .item a .right .content1 {
    font-size: 0.14rem;
    color: #999;
    transition: 0.4s;
  }
  .Appliation .box .item a .right .content2 {
    font-size: 0.23rem;
    margin-top: 0.18rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-align: justify;
    text-justify: distribute-all-lines;
    color: #333;
    transition: 0.4s;
  }
  .Appliation .box .item a .right .content3 {
    font-size: 0.16rem;
    line-height: 0.3rem;
    margin-top: 0.26rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: justify;
    text-justify: distribute-all-lines;
    color: #666;
    transition: 0.4s;
  }
  .Appliation .box .item a .right .content4 {
    margin-top: 0.86rem;
    transition: .4s;
  }
  .Appliation .box .item a:hover {
    background: #286ef0;
  }
  .Appliation .box .item a:hover .left p img {
    transform: scale(1.1);
  }
  .Appliation .box .item a:hover .right .content1,
  .Appliation .box .item a:hover .right .content2,
  .Appliation .box .item a:hover .right .content3 {
    color: #fff;
  }
    .Appliation .box .item a:hover .right .content4{
        opacity: 0;
    }
  
  
  .AppliattionInfo .banner {
    position: relative;
  }
  .AppliattionInfo .banner .swiper-slide {
    position: relative;
  }
  .AppliattionInfo .banner .swiper-slide .img {
    position: relative;
  }
  .AppliattionInfo .banner .swiper-slide .img img {
    width: 100%;
    transform: scale(1.1);
    transition: 5s;
  }
  .AppliattionInfo .banner .swiper-slide .img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/appbg.png) no-repeat 50% 50%;
    background-size: 100% 100%;
  }
  .AppliattionInfo .banner .swiper-slide .posi {
    width: 100%;
    z-index: 2;
    bottom: 1.1rem;
    left: 0;
    position: absolute;
  }
  .AppliattionInfo .banner .swiper-slide .posi .content1 {
    line-height: 20px;
  }
  .AppliattionInfo .banner .swiper-slide .posi .content1 .time {
    font-size: 14px;
    color: #fff;
  }
  .AppliattionInfo .banner .swiper-slide .posi .content1 .add {
    margin-left: 0.46rem;
    font-size: 14px;
    color: #fff;
  }
  .AppliattionInfo .banner .swiper-slide .posi .content1 .add img {
    position: relative;
    top: -2px;
  }
  .AppliattionInfo .banner .swiper-slide .posi .content2 {
    font-size: 0.36rem;
    color: #fff;
    text-align: center;
    margin-top: 0.3rem;
  }
  .AppliattionInfo .banner .swiper-slide-active .img img {
    transform: scale(1);
  }
  .AppliattionInfo .banner .Pager {
    position: absolute;
    bottom: 0.5rem;
    left: 0;
    width: 100%;
    z-index: 1;
    display: flex;
    justify-content: center;
  }
  .AppliattionInfo .banner .Pager div p {
    width: auto;
    height: auto;
    opacity: 1;
    background: none;
    margin: 0 0.12rem;
  }
  .AppliattionInfo .banner .Pager div .img2 {
    display: none;
  }
  .AppliattionInfo .banner .Pager div .swiper-pagination-bullet-active .img1 {
    display: none;
  }
  .AppliattionInfo .banner .Pager div .swiper-pagination-bullet-active .img2 {
    display: inline-block;
  }
  .AppliattionInfo .banner .button p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
  }
  .AppliattionInfo .banner .button p svg path {
    transition: 0.4s;
  }
  .AppliattionInfo .banner .button p:hover svg path {
    fill: #286ef0;
  }
  .AppliattionInfo .banner .button .prev {
    left: 2.68rem;
  }
  .AppliattionInfo .banner .button .next {
    right: 2.68rem;
  }
  .AppliattionInfo .banner .button .next svg {
    display: flex;
    transform: rotate(180deg);
  }
  .maodian {
    position: relative;
    /* top: -1.95rem; */
    top: -77px;
  }
  .AppliattionInfo1 .box {
    font-size: 0.16rem;
    color: #333;
    line-height: 0.3rem;
    text-align: justify;
  }
  .AppliattionInfo1 .box img {
    max-width: 100%;
  }
  .AppliattionInfo1 .box1 {
    padding: 1.6rem 0;
  }
  .selectNav {
    /* position: sticky; */
    top: 0.76rem;
    width: 100%;
    background: #fff;
    z-index: 3;
  }
  .selectNav .box {
    padding: 0.3rem 0;
    border-bottom: 1px solid #ddd;
  }
  .selectNav .box p {
    margin: 0 5px;
  }
  .selectNav .box p a {
    display: block;
    font-size: 0.16rem;
    color: #999;
    line-height: 0.58rem;
    padding: 0 0.45rem;
    border-radius: 0.3rem;
    transition: 0.4s;
  }
  .selectNav .box p a:hover {
    background: #286ef0;
    color: #fff;
  }
  .selectNav .box .active a {
    background: #286ef0;
    color: #fff;
  }
  .NewsList .box .item {
    padding: 0.4rem 0;
    border-bottom: 1px solid #eee;
  }
  .NewsList .box .item a .left {
    width: 32%;
  }
  .NewsList .box .item a .left p {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .NewsList .box .item a .left img {
    width: 100%;
    transition: 0.4s;
  }
  .NewsList .box .item a .right {
    flex: 1;
    box-sizing: border-box;
    padding-left: 0.4rem;
  }
  .NewsList .box .item a .right .content1 {
    font-size: 0.14rem;
    color: #999;
    padding: 0.08rem 0 0.24rem;
  }
  .NewsList .box .item a .right .content2 {
    font-size: 0.24rem;
    color: #333;
    transition: 0.4s;
  }
  .NewsList .box .item a .right .content3 {
    font-size: 0.16rem;
    color: #666;
    line-height: 0.3rem;
    height: 0.6rem;
    margin-top: 0.24rem;
  }
  .NewsList .box .item a .right .content4 {
    margin-top: 0.68rem;
  }
  .NewsList .box .item a:hover .left img {
    transform: scale(1.1);
  }
  .NewsList .box .item a:hover .right .content2 {
    color: #286ef0;
  }
  .NewsInfo .box .content1 {
    text-align: center;
    padding-bottom: 0.48rem;
    border-bottom: 1px solid #eee;
    margin-top: 0.75rem;
  }
  .NewsInfo .box .content1 h5 {
    font-size: 0.36rem;
    color: #333;
  }
  .NewsInfo .box .content1 p {
    font-size: 0.14rem;
    color: #999;
    margin-top: 0.24rem;
  }
  .NewsInfo .box .content1 p span {
    display: inline-block;
    margin: 0 0.14rem;
  }
  .NewsInfo .box .content2 {
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: #333;
    padding-top: 0.35rem;
  }
  .NewsInfo .box .content2 img {
    display: block;
    margin: auto;
    max-width: 100%;
  }
  .NewsInfo .box .content2 b {
    text-align: center;
    display: block;
    margin-top: 0.14rem;
  }
  .NewsInfo .box .content2 h1,
  .NewsInfo .box .content2 h2,
  .NewsInfo .box .content2 h3,
  .NewsInfo .box .content2 h4,
  .NewsInfo .box .content2 h5,
  .NewsInfo .box .content2 h6 {
    font-size: 0.18rem;
    font-weight: bold;
  }
  .NewsInfo .box .content3 {
    padding: 1.6rem 0;
  }
  .OnlineMessage .div {
    width: min(730px, 90vw);
    margin: auto;
  }
  .OnlineMessage .div .box {
    min-height: 1rem;
  }
  .OnlineMessage .div .box .list .item {
    width: 49%;
    position: relative;
    margin-bottom: 0.1rem;
  }
  .OnlineMessage .div .box .list .item input {
    display: block;
    width: 100%;
    height: 0.58rem;
    border-radius: 0.2rem;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 0 0.9rem;
    transition: 0.4s;
    font-size: 14px;
  }
  .OnlineMessage .div .box .list .item p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.24rem;
    font-size: 14px;
    color: #666;
  }
  .OnlineMessage .div .box .list .item p img {
    margin-right: 0.1rem;
    position: relative;
    top: -1px;
  }
  .OnlineMessage .div .box .list .item:hover input {
    border: 1px solid #286ef0;
  }
  .OnlineMessage .div .box .list1 {
    padding: 0.26rem 0;
  }
  .OnlineMessage .div .box .list1 p {
    font-size: 14px;
    margin-right: 0.2rem;
  }
  .OnlineMessage .div .box .list1 .layui-form-checkbox[lay-skin=primary] span {
    padding-right: 0.4rem;
  }
  .OnlineMessage .div .box .list1 .layui-form-checkbox[lay-skin=primary] i {
    border-radius: 50%;
  }
  .OnlineMessage .div .box .list1 .layui-form-checked[lay-skin=primary] i {
    border-color: #286ef0 !important;
    background-color: #286ef0;
  }
  .OnlineMessage .div .box .list1 .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #286ef0;
  }
  .OnlineMessage .div .box .list2 {
    position: relative;
  }
  .OnlineMessage .div .box .list2 textarea {
    display: block;
    width: 100%;
    height: 2rem;
    border-radius: 0.2rem;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 0.24rem 0.9rem;
    transition: 0.4s;
    resize: none;
  }
  .OnlineMessage .div .box .list2 p {
    position: absolute;
    top: 0.24rem;
    left: 0.24rem;
    font-size: 14px;
    color: #666;
  }
  .OnlineMessage .div .box .list2 p img {
    margin-right: 0.1rem;
    position: relative;
    top: -1px;
  }
  .OnlineMessage .div .box .list2:hover textarea {
    border: 1px solid #286ef0;
  }
  .OnlineMessage .div .box .list3 {
    margin-top: 0.96rem;
  }
  .OnlineMessage .div .box .list3 input {
    display: none;
  }
  .yuandi {
    text-align: center;
    margin-top: -3.55rem;
  }
  .yuandi p img {
    max-width: 100%;
  }
  .AfterSales {
    margin-top: -0.7rem;
  }
  .AfterSales .box {
    text-align: center;
    padding: 0 1.1rem;
  }
  .AfterSales .box h6 {
    font-size: 0.16rem;
    color: #333;
    margin-top: 0.2rem;
  }
  .AfterSales .box .text {
    font-size: 0.16rem;
    color: #666;
    line-height: 0.3rem;
    margin-top: 0.42rem;
  }
  .AfterSales .image {
    text-align: center;
    margin-top: 0.38rem;
  }
  .AfterSales .image img {
    max-width: 100%;
  }
  .ContactUs {
    background: #eaeff6;
  }
  .ContactUs .box .item {
    width: 25%;
    text-align: center;
  }
  .ContactUs .box .item .content1 img {
    width: 0.78rem;
  }
  .ContactUs .box .item .content2 {
    font-size: 0.24rem;
    margin-top: 0.2rem;
  }
  .ContactUs .box .item .content3 {
    font-size: 0.14rem;
    color: #999;
    font-family: 'gilroy_regular';
    text-transform: uppercase;
    margin-top: 0.08rem;
  }
  .ContactUs .box .item .content4 {
    font-size: 0.24rem;
    font-family: 'gilroy_regular';
    color: #333;
    margin-top: 0.24rem;
  }
  .ContactUs .box .item .content4 a {
    color: #333;
  }
  .ContactUs .box .item .content4 span {
    font-size: 0.18rem;
    line-height: 0.3rem;
  }
  .ContactUs .box1 {
    margin-top: 0.7rem;
  }
  .ContactUs .box1 h5 {
    font-size: 0.24rem;
    text-align: center;
  }
  .ContactUs .box1 .list .item {
    width: 32%;
    background: #fff;
    border-radius: 0.2rem;
    padding: 0.45rem 0.38rem;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 0.3rem;
    transition: 0.4s;
  }
  .ContactUs .box1 .list .item:not(:nth-child(3n)) {
    margin-right: 2%;
  }
  .ContactUs .box1 .list .item .img {
    position: absolute;
    top: 0.36rem;
    right: 0.56rem;
  }
  .ContactUs .box1 .list .item .img img{
      transition: .4s;
  }
  .ContactUs .box1 .list .item:hover .img img{
      transform: scale(1.1);
  }
  .ContactUs .box1 .list .item .con1 {
    font-size: 0.18rem;
  }
  .ContactUs .box1 .list .item .con2 {
    font-size: 0.16rem;
    color: #333;
    line-height: 0.3rem;
    margin-top: 0.4rem;
    text-align: justify;
  }
  .ContactUs .box1 .list .item:hover {
    box-shadow: 3px 3px 0.16rem rgba(40, 110, 240, 0.2);
  }
  .Join .tableHead {
    border-top: 1px solid #eee;
    display: flex;
  }
  .Join .tableHead .item {
    font-size: 0.16rem;
    color: #333;
    line-height: 0.74rem;
    box-sizing: border-box;
  }
  .Join .tableHead .item1 {
    width: 42%;
    padding-left: 0.34rem;
  }
  .Join .tableHead .item2 {
    width: 30%;
  }
  .Join .tableHead .item3 {
    width: 20%;
  }
  .Join .tableHead .item4 {
    width: 8%;
  }
  .Join .box .list {
    margin-bottom: 0.1rem;
  }
  .Join .box .list .boxTop {
    display: flex;
    background: #eaeff6;
    border-radius: 0.2rem;
    transition: 0.4s;
    cursor: pointer;
  }
  .Join .box .list .boxTop .item {
    font-size: 0.18rem;
    color: #333;
    line-height: 0.66rem;
    box-sizing: border-box;
  }
  .Join .box .list .boxTop .item1 {
    width: 42%;
    padding-left: 0.34rem;
  }
  .Join .box .list .boxTop .item2 {
    width: 30%;
    font-size: 14px;
    color: #999;
  }
  .Join .box .list .boxTop .item3 {
    width: 20%;
    font-size: 14px;
    color: #999;
  }
  .Join .box .list .boxTop .item4 {
    width: 8%;
  }
  .Join .box .list .boxTop .item4 p .span1 {
    font-size: 14px;
    color: #286ef0;
  }
  .Join .box .list .boxTop .item4 p .span1 svg {
    margin-left: 0.08rem;
    transform: rotate(-90deg);
    transition: 0.4s;
  }
  .Join .box .list .boxTop .item4 p .span1 svg path {
    fill: #286ef0;
  }
  .Join .box .list .boxTop .item4 p .span1 font:nth-child(2) {
    display: none;
  }
  .Join .box .list .boxBottom {
    padding: 0.35rem 0 0.64rem;
    background: #eaeff6;
    border-radius: 0 0 0.2rem 0.2rem;
    display: none;
  }
  .Join .box .list .boxBottom > div {
    display: flex;
    flex-wrap: wrap;
  }
  .Join .box .list .boxBottom .le {
    width: 42%;
    box-sizing: border-box;
    padding-left: 0.34rem;
  }
  .Join .box .list .boxBottom .ri {
    width: 58%;
    box-sizing: border-box;
  }
  .Join .box .list .boxBottom .mai h5 {
    font-size: 0.18rem;
    color: #333;
  }
  .Join .box .list .boxBottom .mai div {
    margin-top: 0.18rem;
  }
  .Join .box .list .boxBottom .mai div p {
    font-size: 0.14rem;
    color: #333;
    line-height: 0.3rem;
  }
  .Join .box .list .boxBottom .bu {
    padding-left: 0.34rem;
    margin-top: 0.48rem;
  }
  .Join .box .active .boxTop {
    background: #286ef0;
    border-radius: 0.2rem 0.2rem 0px 0px;
  }
  .Join .box .active .boxTop .item {
    color: #fff;
  }
  .Join .box .active .boxTop .item4 p .span1 {
    color: #fff;
  }
  .Join .box .active .boxTop .item4 p .span1 svg {
    transform: rotate(90deg);
  }
  .Join .box .active .boxTop .item4 p .span1 svg path {
    fill: #fff;
  }
  .Join .box .active .boxTop .item4 p .span1 font:nth-child(1) {
    display: none;
  }
  .Join .box .active .boxTop .item4 p .span1 font:nth-child(2) {
    display: inline-block;
  }
  .uploadLayer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    z-index: 5;
    display: none;
  }
  .uploadLayer .box {
    width: 6.08rem;
    margin: auto;
    background: #fff;
    text-align: center;
    padding: 0.55rem 0;
    position: relative;
    border-radius: 6px;
  }
  .uploadLayer .box > span {
    display: block;
    position: absolute;
    top: 0.16rem;
    right: 0.16rem;
    font-size: 0.24rem;
    color: #ddd;
    cursor: pointer;
    transition: 0.4s;
  }
  .uploadLayer .box > span:hover {
    color: #286ef0;
  }
  .uploadLayer .box .main1 {
    cursor: pointer;
  }
  .uploadLayer .box .main1 img {
    width: 1.96rem;
  }
  .uploadLayer .box .main1 p {
    font-size: 0.18rem;
    color: #000;
    margin-top: 0.35rem;
  }
  .uploadLayer .box .main2 {
    margin-top: 0.56rem;
  }
  .uploadLayer .box .main2 input {
    display: block;
    font-size: 16px;
    width: 250px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 58px;
    border-radius: 30px;
    cursor: pointer;
    color: #fff;
    position: relative;
    overflow: hidden;
    background: #286ef0;
    transition: 0.4s;
    margin: auto;
  }
  .uploadLayer .box .main2 input:hover {
    border: 1px solid #286ef0;
    box-shadow: 0px 0px 16px rgba(143, 193, 50, 0.4);
  }
  .uploadLayer .box .main3 {
    margin-top: 0.9rem;
  }
  .uploadLayer .box .main3 p {
    font-size: 0.16rem;
    color: #999;
    margin-bottom: 0.2rem;
  }
  .uploadLayer .box .main3 img {
    width: 1rem;
  }
  .Aside {
    position: fixed;
    right: 0.4rem;
    top: 40%;
    z-index: 4;
    display: none;
  }
  .Aside .item {
    margin-bottom: 0.1rem;
    position: relative;
  }
  .Aside .item > a {
    display: block;
    width: 0.72rem;
    height: 0.72rem;
    display: flex;
    align-items: center;
    background: #286ef0;
    border-radius: 50%;
    box-shadow: 0px 0px 2px #f5f5f5;
  }
  .Aside .item > a div {
    text-align: center;
    width: 100%;
  }
  .Aside .item > a div .text {
    font-size: 12px;
    color: #fff;
    margin-top: 0.08rem;
  }
  .Aside .item .tu {
    position: absolute;
    right: 0;
    top: 0%;
    padding: 0.3rem 0.72rem 0.3rem 0.3rem;
    background: #305795;
    z-index: -1;
    border-radius: 0.36rem;
    transform: scale(0);
    transform-origin: right 0.36rem;
  }
  .Aside .item .tu img {
    width: 1.2rem;
  }
  .Aside .item .call {
    position: absolute;
    right: 0;
    top: 0;
    background: #305795;
    height: 100%;
    z-index: -1;
    border-radius: 0.4rem;
    transform: translateX(100%);
    opacity: 0;
    transition: 0.4s;
    transform-origin: center center;
  }
  .Aside .item .call a {
    display: block;
    font-size: 0.18rem;
    color: #fff;
    font-family: 'gilroy_Medium';
    white-space: nowrap;
    line-height: 0.72rem;
    padding: 0 0.92rem 0 0.35rem;
  }
  .Aside .item:hover .tu {
    transition: 0.4s;
    transform: scale(1);
  }
  .Aside .item:hover .call {
    transform: translateX(0%);
    opacity: 1;
  }
  .Aside .item1 {
    margin-top: 2rem;
  }
  .Aside .item1 a {
    background: #b2b2b2;
  }
  .AboutIntroduce .box {
    padding: 0 0.9rem;
    font-size: 0.16rem;
    color: #666;
    line-height: 0.3rem;
    text-align: justify;
  }
  .AboutIntroduce .box1 {
    margin-top: 0.86rem;
  }
  .AboutIntroduce .box1 .item {
    width: 20%;
    text-align: center;
  }
  .AboutIntroduce .box1 .item .top {
    color: #286ef0;
  }
  .AboutIntroduce .box1 .item .top span {
    font-size: 0.6rem;
    font-family: 'gilroy_regular';
    display: inline-block;
    margin-right: 3px;
  }
  .AboutIntroduce .box1 .item .top font {
    font-size: 0.24rem;
  }
  .AboutIntroduce .box1 .item .bot {
    margin-top: 0.05rem;
    font-size: 0.16rem;
    color: #333;
    line-height: 0.24rem;
    display: flex;
    align-items: center;
    height: 0.48rem;
  }
  .AboutIntroduce .box1 .item .bot p {
    margin: auto;
  }
  .Enterprise {
    margin-top: 1rem;
  }
  .Enterprise .item {
    width: 32%;
  }
  .Enterprise .item .boxTop {
    padding: 0 0.4rem 0.6rem;
  }
  .Enterprise .item .boxTop .con1 {
    font-size: 0.24rem;
    color: #333;
  }
  .Enterprise .item .boxTop .con2 {
    font-size: 0.16rem;
    color: #666;
    line-height: 0.3rem;
    margin-top: 0.2rem;
    height: 0.6rem;
  }
  .Enterprise .item .boxBot {
   /* border-radius: 0.2rem;
    overflow: hidden; */
    -webkit-clip-path: inset(0% round 5%);
    clip-path: inset(0% round 5%);
  }
  .Enterprise .item .boxBot img {
    width: 100%;
    transition: 0.4s;
  }
  .Enterprise .item:hover .boxBot img {
    transform: scale(1.1);
  }
  .Enterprise .item:nth-child(2) {
    flex-flow: column-reverse;
    display: flex;
  }
  .Enterprise .item:nth-child(2) .boxTop {
    padding: 0.5rem 0.4rem 0.1rem;
  }
  .wave {
    width: 100vw;
    overflow: hidden;
  }
  .wave p {
    animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
    display: flex;
    width: 200vw;
    margin-left: -100vw;
  }
  .wave p img:last-child {
    transform: rotateY(180deg);
    width: 100vw;
  }
  .wave p:nth-child(1) {
    animation-delay: -20s;
    animation-duration: 17s;
  }
  .wave p:nth-child(2) {
    animation-delay: -30s;
    animation-duration: 20s;
    margin-top: -1rem;
  }
  .wave p:nth-child(3) {
    animation-delay: -40s;
    animation-duration: 23s;
    margin-top: -0.76rem;
  }
  @keyframes move-forever {
    0% {
      transform: translate3d(0vw, 0, 0);
    }
    100% {
      transform: translate3d(100vw, 0, 0);
    }
  }
  .wave1 img {
    width: 100%;
  }
  .DevelopmentPath .box .item .top div {
    width: 1.3rem;
    height: 1.3rem;
    line-height: 1.3rem;
    background: #286ef0;
    border-radius: 50%;
    margin: auto;
    font-size: 0.24rem;
    font-family: 'gilroy_light';
    color: #fff;
    text-align: center;
  }
  .DevelopmentPath .box .item .bot {
    margin-top: 0.16rem;
    font-size: 0.16rem;
    color: #333;
    line-height: 0.3rem;
    text-align: center;
  }
  .DevelopmentPath .Pager {
    display: flex;
    justify-content: center;
    margin-top: 0.8rem;
  }
  .DevelopmentPath .Pager div p {
    width: auto;
    height: auto;
    opacity: 1;
    background: none;
    margin: 0 0.12rem;
  }
  .DevelopmentPath .Pager div .img1 {
    filter: invert(1);
    opacity: 0.1;
  }
  .DevelopmentPath .Pager div .img2 {
    display: none;
  }
  .DevelopmentPath .Pager div .swiper-pagination-bullet-active .img1 {
    display: none;
  }
  .DevelopmentPath .Pager div .swiper-pagination-bullet-active .img2 {
    display: inline-block;
  }
  .BusinessArea {
    background: url(../images/area.png) no-repeat 50% 30%;
    background-size: cover;
    min-height: 1rem;
    padding-bottom: 2.9rem;
  }
  .BusinessArea .InnerTitle {
    color: #fff;
  }
  .BusinessArea .box .item {
    width: 20%;
    text-align: center;
  }
  .BusinessArea .box .item .top img {
    height: 0.8rem;
    transition: .4s;
  }
  .BusinessArea .box .item:hover .top img{
      transform: scale(1.1);
  }
  .BusinessArea .box .item .bot {
    color: #fff;
    font-size: 0.24rem;
    line-height: 0.36rem;
    margin-top: 0.34rem;
  }
  .Honor .Pager {
    display: flex;
    justify-content: center;
    margin-top: 0.8rem;
  }
  .Honor .Pager div p {
    width: auto;
    height: auto;
    opacity: 1;
    background: none;
    margin: 0 0.12rem;
  }
  .Honor .Pager div .img1 {
    filter: invert(1);
    opacity: 0.1;
  }
  .Honor .Pager div .img2 {
    display: none;
  }
  .Honor .Pager div .swiper-pagination-bullet-active .img1 {
    display: none;
  }
  .Honor .Pager div .swiper-pagination-bullet-active .img2 {
    display: inline-block;
  }
  .Honor .box {
    position: relative;
  }
  .Honor .box .item .top {
    height: 2.9rem;
    border-radius: 0.2rem 0.2rem 0 0;
    background: linear-gradient(to right, #f2f2f2, #cbcbcb);
    display: flex;
    align-items: center;
  }
  .Honor .box .item .top img {
    margin: auto;
    max-width: 100%;
    max-height: 90%;
    transition: 0.4s;
  }
  .Honor .box .item .bot {
    text-align: center;
  }
  .Honor .box .item .bot p {
    font-size: 0.16rem;
    color: #333;
    margin-top: 0.3rem;
  }
  .Honor .box .item .bot div {
    font-size: 0.24rem;
    color: #333;
    margin-top: 0.12rem;
  }
  .Honor .box .item:hover .top img {
    transform: scale(1.1);
  }
  .Honor .button div {
    cursor: pointer;
    transition: 0.4s;
    position: absolute;
    z-index: 2;
    top: 30%;
  }
  .Honor .button div img {
    filter: grayscale(1);
    opacity: 0.3;
    transition: 0.4s;
  }
  .Honor .button div:hover img {
    filter: grayscale(0);
    opacity: 1;
  }
  .Honor .button .prev {
    left: -0.7rem;
  }
  .Honor .button .prev img {
    transform: rotate(180deg);
  }
  .Honor .button .next {
    right: -0.7rem;
  }
  .BusinessDistribution {
    position: relative;
  }
  .BusinessDistribution::after {
    content: '';
    background: #eaeff6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5.3rem;
    z-index: -1;
  }
  .BusinessDistribution .box .left {
    width: 50%;
  }
  .BusinessDistribution .box .left img {
    width: 100%;
    /*display: none;*/
  }
  .BusinessDistribution .box .right {
    width: 40%;
    padding-top: 1.62rem;
  }
  .BusinessDistribution .box .right .item {
    width: 50%;
  }
  .BusinessDistribution .box .right .item .content1 img {
    height: 0.42rem;
  }
  .BusinessDistribution .box .right .item .content2 {
    font-family: 'gilroy_regular';
    color: #286ef0;
    font-size: 0.24rem;
    margin: 0.16rem 0 0.1rem;
  }
  .BusinessDistribution .box .right .item .content2 span {
    font-size: 0.6rem;
  }
  .BusinessDistribution .box .right .item .content3 {
    font-size: 0.16rem;
    color: #333;
  }
  .BusinessDistribution .box .right .item .content4 {
    margin-top: 0.48rem;
  }
  .BusinessDistribution .box .right .item .content4 p {
    font-size: 0.14rem;
    color: #333;
    line-height: 0.3rem;
  }
  .BusinessDistribution .box .right .item .content4 div span {
    display: inline-block;
    margin-right: 0.12rem;
    font-size: 0.14rem;
    color: #333;
    margin-bottom: 0.12rem;
  }
  .Client .title {
    padding-bottom: 0.24rem;
    border-bottom: 1px solid #eee;
  }
  .Client .title h5 {
    font-size: 0.24rem;
    color: #333;
    height: 0.25rem;
    line-height: 0.25rem;
    border-left: 7px solid #286ef0;
    padding-left: 0.12rem;
  }
  .Client .box {
    padding-top: 0.24rem;
  }
  .Client .box p {
    width: 33.333%;
  }
  .Client .box p a {
    font-size: 0.16rem;
    color: #333;
    display: block;
    line-height: 0.3rem;
    cursor: default;
  }
  .IndustryAdvantage .box {
    position: relative;
  }
  .IndustryAdvantage .box .item {
    text-align: center;
  }
  .IndustryAdvantage .box .item .content1 p {
    /* width: 3.4rem; */
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
  }
  .IndustryAdvantage .box .item .content1 p img {
    width: 100%;
    transition: 0.4s;
  }
  .IndustryAdvantage .box .item .content2 {
    font-size: 0.24rem;
    margin-top: 0.34rem;
    line-height: 0.36rem;
    transition: 0.4s;
    height: 0.72rem;
  }
  .IndustryAdvantage .box .item .contetn3 {
    font-size: 0.16rem;
    color: #333;
    line-height: 0.3rem;
    margin-top: 0.18rem;
  }
  .IndustryAdvantage .box .item:hover .content1 p img {
    transform: scale(1.1);
  }
  .IndustryAdvantage .box .item:hover .content2 {
    color: #286ef0;
  }
  .IndustryAdvantage .Pager {
    display: flex;
    justify-content: center;
    margin-top: 0.8rem;
  }
  .IndustryAdvantage .Pager div p {
    width: auto;
    height: auto;
    opacity: 1;
    background: none;
    margin: 0 0.12rem;
  }
  .IndustryAdvantage .Pager div .img1 {
    filter: invert(1);
    opacity: 0.1;
  }
  .IndustryAdvantage .Pager div .img2 {
    display: none;
  }
  .IndustryAdvantage .Pager div .swiper-pagination-bullet-active .img1 {
    display: none;
  }
  .IndustryAdvantage .Pager div .swiper-pagination-bullet-active .img2 {
    display: inline-block;
  }
  .IndustryAdvantage .button div {
    cursor: pointer;
    transition: 0.4s;
    position: absolute;
    z-index: 2;
    top: 24%;
  }
  .IndustryAdvantage .button div img {
    filter: grayscale(1);
    opacity: 0.3;
    transition: 0.4s;
  }
  .IndustryAdvantage .button div:hover img {
    filter: grayscale(0);
    opacity: 1;
  }
  .IndustryAdvantage .button .prev {
    left: -0.7rem;
  }
  .IndustryAdvantage .button .prev img {
    transform: rotate(180deg);
  }
  .IndustryAdvantage .button .next {
    right: -0.7rem;
  }
  
  /*11111111111111*/
  
  
  .f56 {
    font-size: 0.56rem;
    font-weight: bold;
    line-height: 1.3;
  }
  @media screen and (max-width: 1280px) {
    .f56 {
      font-size: 0.46rem;
    }
  }
  @media screen and (max-width: 1200px) {
    .f56 {
      font-size: 0.36rem;
    }
  }
  .f46 {
    font-size: 0.46rem;
    font-weight: bold;
    line-height: 1.3;
  }
  @media screen and (max-width: 1280px) {
    .f46 {
      font-size: 0.36rem;
    }
  }
  @media screen and (max-width: 1200px) {
    .f46 {
      font-size: 0.28rem;
    }
  }
  .Home_About {
    background: url(../images/img1.png) no-repeat 50% 50% / cover;
    padding-bottom: 0.6rem;
    position: relative;
  }
  .Home_About .canvas {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2.1rem;
    width: 100%;
  }
  .Home_About .box {
    position: relative;
    z-index: 2;
  }
  .Home_About .box .boxLeft {
    padding: 2.52rem 0;
    max-width: 6.2rem;
  }
  .Home_About .box .boxLeft .content1 {
    font-size: 0.56rem;
    font-weight: bold;
    line-height: 1.3;
  }
  @media screen and (max-width: 1280px) {
    .Home_About .box .boxLeft .content1 {
      font-size: 0.46rem;
    }
  }
  @media screen and (max-width: 1200px) {
    .Home_About .box .boxLeft .content1 {
      font-size: 0.36rem;
    }
  }
  .Home_About .box .boxLeft .content2 {
    font-size: 0.46rem;
    font-weight: bold;
    line-height: 1.3;
  }
  @media screen and (max-width: 1280px) {
    .Home_About .box .boxLeft .content2 {
      font-size: 0.36rem;
    }
  }
  @media screen and (max-width: 1200px) {
    .Home_About .box .boxLeft .content2 {
      font-size: 0.28rem;
    }
  }
  .Home_About .box .boxLeft .content3 {
    font-size: 0.18rem;
    color: #666;
    line-height: 0.4rem;
    margin-top: 0.5rem;
    height: 1.6rem;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 10px;
  }
  .Home_About .box .boxLeft .content3::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }
  .Home_About .box .boxLeft .content3::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #286ef0;
  }
  .Home_About .box .boxLeft .content3::-webkit-scrollbar-track {
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.05);
  }
  .Home_About .box .boxLeft .content4 {
    margin-top: 0.74rem;
  }
  .Home_About .box .boxRight {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 9rem;
    position: relative;
  }
  .Home_About .box .boxRight .item {
    position: absolute;
  }
  .Home_About .box .boxRight .item img {
    width: 100%;
  }
  .Home_About .box .boxRight .item .one {
    position: relative;
  }
  .Home_About .box .boxRight .item .one div {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .Home_About .box .boxRight .item .one .img2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
  }
  .Home_About .box .boxRight .item .two {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .Home_About .box .boxRight .item .two div {
    width: 100%;
    text-align: center;
    color: #fff;
  }
  .Home_About .box .boxRight .item .two div .div1 {
    font-family: 'gilroy_bold';
    font-size: 0.76rem;
    line-height: 1;
  }
  .Home_About .box .boxRight .item .two div .div2 {
    font-size: 0.18rem;
    margin-top: 0.1rem;
  }
  .Home_About .box .boxRight .item:hover .one .img1 {
    opacity: 0;
  }
  .Home_About .box .boxRight .item:hover .one .img2 {
    opacity: 1;
  }
  .Home_About .box .boxRight .item1 {
    width: 3.36rem;
    position: absolute;
    left: 2.36rem;
    top: 1.84rem;
  }
  .Home_About .box .boxRight .item2 {
    width: 2.42rem;
    top: 1.62rem;
    left: 7.5rem;
  }
  .Home_About .box .boxRight .item3 {
    width: 3.24rem;
    left: 0;
    bottom: 0;
  }
  .Home_About .box .boxRight .item4 {
    width: 2.06rem;
    left: 5.7rem;
    bottom: 1.4rem;
  }
  .zm_button .a {
    width: 2.14rem;
    display: block;
    color: #fff;
    line-height: 0.6rem;
    text-align: center;
    background: url(../images/img2.png) no-repeat 50% 50%/100% 100%;
  }
  .zm_button .a i {
    margin-left: 0.15rem;
    font-size: 14px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: inline-block;
  }
  .zm_button .a:hover i {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }
  .p90 {
    padding-top: 0.9rem;
  }
  .p90_ {
    padding-bottom: 0.9rem;
  }
  .Home_Product {
    position: relative;
  }
  .Home_Product .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 7.05rem;
    height: 100%;
    overflow: hidden;
    z-index: -1;
  }
  .Home_Product .img img {
    width: 100%;
    min-height: 100%;
  }
  .Home_Product .title {
    font-size: 0.56rem;
    font-weight: bold;
    line-height: 1.3;
    color: #fff;
  }
  @media screen and (max-width: 1280px) {
    .Home_Product .title {
      font-size: 0.46rem;
    }
  }
  @media screen and (max-width: 1200px) {
    .Home_Product .title {
      font-size: 0.36rem;
    }
  }
  .Home_Product .box {
    margin-top: 1rem;
    padding-left: 10.4vw;
  }
  .Home_Product .box .banner {
    padding-left: 2.54rem;
    position: relative;
  }
  .Home_Product .box .banner .swiper-container .swiper-slide {
    width: 11.46rem;
  }
  .Home_Product .box .banner .swiper-container .swiper-slide .item .boxLeft {
    width: 4.1rem;
    position: relative;
  }
  .Home_Product .box .banner .swiper-container .swiper-slide .item .boxLeft img {
    width: 100%;
    -webkit-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
  }
  .Home_Product .box .banner .swiper-container .swiper-slide .item .boxLeft .img2 {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }
  .Home_Product .box .banner .swiper-container .swiper-slide .item .boxLeft.active .img1 {
    opacity: 0;
  }
  .Home_Product .box .banner .swiper-container .swiper-slide .item .boxLeft.active .img2 {
    opacity: 1;
  }
  .Home_Product .box .banner .swiper-container .swiper-slide .item .boxRight {
    /*-webkit-box-flex: 1;*/
    /*-webkit-flex: 1;*/
    /*-ms-flex: 1;*/
    /*flex: 1;*/
    padding-left: 1.54rem;
    padding-top: 0.3rem;
    width: calc(100% - 4.1rem);
     box-sizing: border-box;
    
  }
  .Home_Product .box .banner .swiper-container .swiper-slide .item .boxRight .content1 {
    font-size: 0.52rem;
    color: #000;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .Home_Product .box .banner .swiper-container .swiper-slide .item .boxRight .content2 {
    font-size: 0.16rem;
    color: #666;
    line-height: 0.4rem;
    margin-top: 0.42rem;
  }
  .Home_Product .box .banner .swiper-container .swiper-slide .item .boxRight .content3 {
    margin-top: 0.64rem;
  }
  .Home_Product .box .banner .swiper-container .swiper-slide .item:hover .boxRight .content1 {
    color: #286ef0;
  }
  @media screen and (min-width: 1200px) {
    .Home_Product .box .banner .disposition {
      position: absolute;
      bottom: 0.45rem;
      height: 2px;
      width: 5.82rem;
      z-index: 2;
      left: -webkit-calc(8.18rem);
      left: calc(2.54rem + 4.1rem + 1.54rem);
    }
    .Home_Product .box .banner .disposition .left {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
    .Home_Product .box .banner .disposition .left div i {
      font-size: 0.2rem;
      color: #999;
      -webkit-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s;
      cursor: pointer;
    }
    .Home_Product .box .banner .disposition .left div i:hover {
      color: #000;
    }
    .Home_Product .box .banner .disposition .left .next {
      margin-left: 0.3rem;
    }
    .Home_Product .box .banner .disposition .right {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding-left: 0.9rem;
    }
    .Home_Product .box .banner .disposition .right div {
      position: relative;
      height: 2px;
      width: 100%;
    }
    .Home_Product .box .banner .disposition .right div .swiper-pagination-progressbar {
      background: #ccc;
    }
    .Home_Product .box .banner .disposition .right div .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
      background: #286ef0;
    }
  }
  @media screen and (max-width: 1200px) {
    .Home_Product .box .banner .box1 {
      position: relative;
      margin-top: 0.4rem;
    }
    .Home_Product .box .banner .disposition {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    .Home_Product .box .banner .disposition .left {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    .Home_Product .box .banner .disposition .left div i {
      font-size: 0.2rem;
      color: #999;
      -webkit-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s;
      cursor: pointer;
    }
    .Home_Product .box .banner .disposition .left div i:hover {
      color: #000;
    }
    .Home_Product .box .banner .disposition .left .next {
      margin-left: 0.3rem;
    }
    .Home_Product .box .banner .disposition .right {
      width: 4rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
    .Home_Product .box .banner .disposition .right div {
      position: relative;
      height: 2px;
      width: 100%;
    }
    .Home_Product .box .banner .disposition .right div .swiper-pagination-progressbar {
      background: #ccc;
    }
    .Home_Product .box .banner .disposition .right div .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
      background: #286ef0;
    }
  }
  .zm_button1 {
    width: 0.6rem;
    height: 0.6rem;
  }
  .zm_button1 .a {
    width: 100%;
    height: 100%;
    background: url(../images/img13.png) no-repeat 50% 50%/100% 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .zm_button1 .a i {
    font-size: 0.18rem;
    color: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .zm_button1 .a:hover i {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  .HOme_Industry {
    position: relative;
    overflow: hidden;
    padding-bottom: 0.5rem;
  }
  .HOme_Industry .listImg {
    position: absolute;
    left: 0%;
    width: 100%;
    top: 0;
    z-index: -1;
  }
  .HOme_Industry .listImg img {
    width: 100%;
  }
  .HOme_Industry .listImg p {
    display: none;
  }
  .HOme_Industry .listImg .active {
    display: block;
  }
  .HOme_Industry .title {
    font-size: 0.56rem;
    font-weight: bold;
    line-height: 1.3;
    color: #fff;
  }
  @media screen and (max-width: 1280px) {
    .HOme_Industry .title {
      font-size: 0.46rem;
    }
  }
  @media screen and (max-width: 1200px) {
    .HOme_Industry .title {
      font-size: 0.36rem;
    }
  }
  .HOme_Industry .box {
    margin-top: 1.6rem;
  }
  .HOme_Industry .box .item {
    color: #fff;
    display: none;
  }
  .HOme_Industry .box .item .content1 {
    font-size: 0.46rem;
    font-weight: bold;
    line-height: 1.3;
  }
  @media screen and (max-width: 1280px) {
    .HOme_Industry .box .item .content1 {
      font-size: 0.36rem;
    }
  }
  @media screen and (max-width: 1200px) {
    .HOme_Industry .box .item .content1 {
      font-size: 0.28rem;
    }
  }
  .HOme_Industry .box .item .content2 {
    font-size: 0.16rem;
    margin-top: 0.2rem;
    line-height: .26rem;
    height: .52rem;
  }
  .HOme_Industry .box .item .content3 {
    margin-top: 0.76rem;
  }
  .HOme_Industry .box .active {
    display: block;
  }
  .HOme_Industry .box1 {
    margin-top: 2.1rem;
    position: relative;
  }
  .HOme_Industry .box1 .swiper-slide {
    text-align: center;
    opacity: 0.5;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
  }
  .HOme_Industry .box1 .swiper-slide figure img {
    height: 0.6rem;
  }
  .HOme_Industry .box1 .swiper-slide figcaption {
    font-size: 0.22rem;
    color: #fff;
    margin-top: 0.12rem;
  }
  .HOme_Industry .box1 .active {
    opacity: 1;
  }
  .HOme_Industry .box1 .button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .HOme_Industry .box1 .button i {
    font-size: 0.24rem;
    color: #fff;
    opacity: 0.5;
    cursor: pointer;
  }
  .HOme_Industry .box1 .button i:hover {
    opacity: 1;
  }
  .HOme_Industry .box1 .next {
    right: -0.3rem;
  }
  .HOme_Industry .box1 .prev {
    left: -0.3rem;
  }
  .Home_News {
    background: url(../images/img17.png) no-repeat 50% 50% / cover;
  }
  .Home_News .box .banner .swiper-slide a {
    display: block;
    background: #fff;
  }
  .Home_News .box .banner .swiper-slide a figcaption {
    padding: 0.45rem 0.4rem 1rem;
  }
  .Home_News .box .banner .swiper-slide a figcaption .content1 {
    font-family: 'gilroy_regular';
    font-size: 0.2rem;
    color: #286ef0;
  }
  .Home_News .box .banner .swiper-slide a figcaption .content2 {
    font-size: 0.24rem;
    line-height: 0.36rem;
    height: 0.72rem;
    margin-top: 0.3rem;
    color: #000;
  }
  .Home_News .box .banner .swiper-slide a figure {
    overflow: hidden;
  }
  .Home_News .box .banner .swiper-slide a figure img {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 100%;
  }
  @media screen and (min-width: 1200px) {
    .Home_News .box .banner .swiper-slide a:hover {
      background: url(../images/img19.png) no-repeat 50% 50% / cover;
    }
    .Home_News .box .banner .swiper-slide a:hover figcaption .content1 {
      color: #fff;
    }
    .Home_News .box .banner .swiper-slide a:hover figcaption .content2 {
      color: #fff;
    }
    .Home_News .box .banner .swiper-slide a:hover figure img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
    }
  }
  .Home_News .box1 {
    position: relative;
  }
  .Home_News .box1 .disposition .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .Home_News .box1 .disposition .left div i {
    font-size: 0.2rem;
    color: #999;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
  }
  .Home_News .box1 .disposition .left div i:hover {
    color: #000;
  }
  .Home_News .box1 .disposition .left .next {
    margin-left: 0.3rem;
  }
  .Home_News .box1 .disposition .right {
    width: 4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .Home_News .box1 .disposition .right div {
    position: relative;
    height: 2px;
    width: 100%;
  }
  .Home_News .box1 .disposition .right div .swiper-pagination-progressbar {
    background: #ccc;
  }
  .Home_News .box1 .disposition .right div .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #286ef0;
  }
  .Footer_Container {
    min-height: 4rem;
    background-image: url(../images/img20.png);
    background-size: 150% 100%;
    background-position: 0% 50%;
    -webkit-animation: gradientAnimation 3s linear infinite;
    animation: gradientAnimation 3s linear infinite;
  }
  .Footer_Container .box1 {
    padding: 0.78rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .Footer_Container .box1 .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .Footer_Container .box1 .right .item {
    margin-right: 0.45rem;
  }
  .Footer_Container .box1 .right .item a {
    display: block;
    font-size: 0.2rem;
    color: #fff;
  }
  .Footer_Container .box2 {
    padding: 1.08rem 0 0;
  }
  .Footer_Container .box2 .left .item {
    color: #fff;
    margin-right: 1.25rem;
  }
  .Footer_Container .box2 .left .item:last-child {
    margin-right: 0;
  }
  .Footer_Container .box2 .left .item .content1 {
    font-size: 0.2rem;
  }
  .Footer_Container .box2 .left .item .content2 {
    font-size: 0.26rem;
    margin-top: 0.1rem;
  }
  .Footer_Container .box2 .left .item .content2 span {
    font-family: 'gilroy_bold';
  }
  .Footer_Container .box2 .left .item .content3 {
    margin-top: 0.54rem;
  }
  .Footer_Container .box2 .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .Footer_Container .box2 .right .item {
    width: 0.58rem;
    height: 0.58rem;
    background: rgba(255, 255, 255, 0.1);
    margin-left: 0.12rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .Footer_Container .box2 .right .item svg {
    margin: auto;
  }
  .Footer_Container .box2 .right .item p {
    position: absolute;
    left: 50%;
    top: 0.65rem;
    -webkit-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 1.2rem;
  }
  .Footer_Container .box2 .right .item p img {
    width: 100%;
  }
  .Footer_Container .box2 .right .item:hover {
    background: rgba(255, 255, 255, 0.3);
  }
  .Footer_Container .box2 .right .item:hover p {
    -webkit-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
  }
  .Footer_Container .box3 {
    margin-top: 1rem;
    font-size: 0.16rem;
    padding: 0.45rem 0 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  .Footer_Container .box3 a,
  .Footer_Container .box3 span {
    color: #fff;
    opacity: 0.5;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .Footer_Container .box3 a {
    margin-left: 0.1rem;
  }
  .Footer_Container .box3 a:hover {
    opacity: 1;
  }
  @-webkit-keyframes gradientAnimation {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  @keyframes gradientAnimation {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  
  
  .aside_Container {
    display: none;
    position: fixed;
    right: 0.2rem;
    bottom: 10%;
    z-index: 4;
  }
  .aside_Container .item {
    margin-bottom: 0.1rem;
    position: relative;
  }
  .aside_Container .item a {
    width: 0.9rem;
    height: 0.9rem;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-box-shadow: 0px 5px 12px rgba(210, 224, 243, 0.4);
    box-shadow: 0px 5px 12px rgba(210, 224, 243, 0.4);
  }
  .aside_Container .item a div {
    width: 100%;
    margin: auto;
  }
  .aside_Container .item a .top path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .aside_Container .item a .bot {
    font-size: 0.16rem;
    color: #000;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-top: 0.08rem;
  }
  .aside_Container .item a:hover {
    background: #286ef0;
  }
  .aside_Container .item a:hover .top path {
    fill: #fff;
  }
  .aside_Container .item a:hover .bot {
    color: #fff;
  }
  
  .aside_Container .item p {
    position: absolute;
    top: 50%;
    right: 120%;
    -webkit-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .aside_Container .call p a{
      white-space: nowrap;
      padding: 0 .2rem;
      width: auto;
      align-items: center;
      font-size: .18rem;
      color:#286ef0 ;
  }
  .aside_Container .item p::after {
    content: '';
    border: 8px solid transparent;
    border-left-color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateX(100%) translateY(-50%);
    -ms-transform: translateX(100%) translateY(-50%);
    transform: translateX(100%) translateY(-50%);
  }
  .aside_Container .item p img {
    width: 1.2rem;
  }
  .aside_Container .item:hover p {
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
  }
  body {
    --nav: 1.05rem;
  }
  body.on {
    --nav: 0.8rem;
  }
  .Header_Container {
    position: fixed;
    left: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 6;
    width: 100%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .Header_Container .box .boxLeft {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--nav);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .Header_Container .box .boxLeft a {
    display: block;
    position: relative;
  }
  .Header_Container .box .boxLeft a img {
    height: 33px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .Header_Container .box .boxLeft a .img2 {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  .Header_Container .box .boxRight {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .Header_Container .box .boxRight .search {
    margin: 0 0.45rem;
    cursor: pointer;
  }
  .Header_Container .box .boxRight .menu svg {
    width: 24px;
    height: 30px;
    cursor: pointer;
  }
  .Header_Container .box .boxRight .menu svg path {
    stroke: #fff;
    display: inline;
    fill: none;
    stroke-width: 1.8502;
    stroke-linecap: round;
    stroke-miterlimit: 10;
  }
  .Header_Container.active {
    background: #286ef0;
  }
  .Header_Container.on {
    background: #286ef0;
  }
  
  
  .Menu_Container {
    position: fixed;
    width: 100%;
    z-index: 7;
    background: url(../images/img22.png) no-repeat 50% 50%/100% 100%;
    -webkit-clip-path: ellipse(0 0 at 100% 0);
    clip-path: ellipse(0 0 at 100% 0);
    pointer-events: none;
    transition: clip-path 0.6s, -webkit-clip-path 0.6s;
  }
  .Menu_Container.active {
    -webkit-clip-path: ellipse(142% 142% at 100% 0);
    clip-path: ellipse(142% 142% at 100% 0);
    pointer-events: auto;
  }
  .Menu_Container .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .Menu_Container .box1 .left {
    height: var(--nav);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .Menu_Container .box1 .left a img {
    height: 33px;
  }
  .Menu_Container .box1 .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
  }
  .Menu_Container .box2 {
    margin-top: 0.7rem;
  }
  .Menu_Container .box2 .item .h5 a {
    font-size: 0.26rem;
    color: #fff;
  }
  .Menu_Container .box2 .item ul {
    margin-top: 0.5rem;
  }
  .Menu_Container .box2 .item ul li {
    margin-bottom: 10px;
  }
  .Menu_Container .box2 .item ul li a {
    font-size: 0.18rem;
    color: #fff;
    opacity: 0.8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .Menu_Container .box2 .item ul li a:hover {
    opacity: 1;
  }
  .Menu_Container .box3 {
    margin-top: auto;
  }
  .Menu_Container .box4 {
    padding: 1.08rem 0 0;
  }
  .Menu_Container .box4 .left .item {
    color: #fff;
    margin-right: 1.25rem;
  }
  .Menu_Container .box4 .left .item:last-child {
    margin-right: 0;
  }
  .Menu_Container .box4 .left .item .content1 {
    font-size: 0.2rem;
  }
  .Menu_Container .box4 .left .item .content2 {
    font-size: 0.26rem;
    margin-top: 0.1rem;
  }
  .Menu_Container .box4 .left .item .content2 span {
    font-family: 'gilroy_bold';
  }
  .Menu_Container .box4 .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .Menu_Container .box4 .right .item {
    width: 0.58rem;
    height: 0.58rem;
    background: rgba(255, 255, 255, 0.1);
    margin-left: 0.12rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .Menu_Container .box4 .right .item svg {
    margin: auto;
  }
  .Menu_Container .box4 .right .item p {
    position: absolute;
    left: 50%;
    top: 0.65rem;
    -webkit-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 1.2rem;
  }
  .Menu_Container .box4 .right .item p img {
    width: 100%;
  }
  .Menu_Container .box4 .right .item:hover {
    background: rgba(255, 255, 255, 0.3);
  }
  .Menu_Container .box4 .right .item:hover p {
    -webkit-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
  }
  .Menu_Container .box5 {
    margin-top: 0.6rem;
    font-size: 0.16rem;
    padding: 0.45rem 0 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  .Menu_Container .box5 a,
  .Menu_Container .box5 span {
    color: #fff;
    opacity: 0.5;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .Menu_Container .box5 a {
    margin-left: 0.1rem;
  }
  .Menu_Container .box5 a:hover {
    opacity: 1;
  }
  .Home_Banner {
    overflow: hidden;
    position: relative;
    background: url(../images/img20.png) no-repeat 50% 50% / cover;
  }
  .Home_Banner .banner {
    position: relative;
  }
  .Home_Banner .banner picture {
    opacity: 0;
  }
  .Home_Banner .banner picture img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100vh;
  }
  .Home_Banner .banner video {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  .Home_Banner .banner .video:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}
  
  .Home_Banner .banner .swiper-slide {
    position: relative;
    opacity: 0 !important;
    height: 100vh;
  }
  .Home_Banner .banner .swiper-slide .orientation {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .Home_Banner .banner .swiper-slide .orientation .content1 {
    font-size: 0.52rem;
    color: #fff;
  }
  .Home_Banner .banner .swiper-slide .orientation .content2 {
    height: 1.06rem;
    margin: 0.24rem 0 0.54rem;
  }
  .Home_Banner .banner .swiper-slide .orientation .content2 img {
    max-height: 100%;
  }
  .Home_Banner .banner .swiper-slide .orientation .content3 .a {
    width: 2.14rem;
    display: block;
    color: #fff;
    line-height: 0.6rem;
    text-align: center;
    border: 1px solid #fff;
  }
  .Home_Banner .banner .swiper-slide .orientation .content3 .a i {
    margin-left: 0.15rem;
    font-size: 14px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: inline-block;
  }
  .Home_Banner .banner .swiper-slide .orientation .content3 .a:hover {
    border-color: transparent;
    background: url(../images/img2.png) no-repeat 50% 50%/100% 100%;
  }
  .Home_Banner .banner .swiper-slide .orientation .content3 .a:hover i {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }
  .Home_Banner .banner .swiper-slide-active {
    opacity: 1 !important;
    z-index: 2;
  }
  .Home_Banner .banner .button {
    position: absolute;
    bottom: 0.4rem;
    left: 10.4vw;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .Home_Banner .banner .button p {
    margin-right: 0.32rem;
  }
  .Home_Banner .banner .button p i {
    color: #fff;
    font-size: 0.18rem;
    opacity: 0.7;
    cursor: pointer;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .Home_Banner .banner .button p i:hover {
    opacity: 1;
  }
  .Home_Banner .banner .page {
    position: absolute;
    left: 50%;
    bottom: 0.4rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
  }
  .Home_Banner .banner .page div span {
    width: 0.35rem;
    height: 2px;
    background: #fff;
    border-radius: 50%;
    margin: 0 5px;
  }
  .Home_Banner .banner .page div .swiper-pagination-bullet-active {
    background: #23bef1;
  }
  .Home_Banner canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .search_container {
    position: fixed;
    left: 0;
    width: 100%;
    padding: 0.9rem 0;
    top: var(--nav);
    background: #fff;
    display: none;
    z-index: 2;
    -webkit-box-shadow: 0px 2px 10px #f6f6f6;
    box-shadow: 0px 2px 10px #f6f6f6;
  }
  .search_container .layui-icon-close {
    position: absolute;
    top: 0.3rem;
    right: 12%;
    font-size: 0.26rem;
    color: #999;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
  }
  .search_container .layui-icon-close:hover {
    color: #286ef0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .search_container .box_search {
    width: min(6rem, 80vw);
    margin: auto;
    position: relative;
  }
  .search_container .box_search input[type='text'] {
    display: block;
    width: 100%;
    height: 0.64rem;
    border: 0;
    background: #f2f2f2;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.3rem;
  }
  .search_container .box_search label {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.3rem;
    cursor: pointer;
  }
  .search_container .box_search label input {
    display: none;
  }
  .search_container .box_search label p svg {
    vertical-align: bottom;
  }
  .search_container .box_search label p svg path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .search_container .box_search label:hover p svg path {
    fill: #286ef0;
  }
  
  
  @media screen and (max-width: 1680px) {
    .Aside .item > a div .text {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
    }
  }
  
  @media screen and (max-width: 1520px) {
    .Home_About .box .boxRight .item2 {
      left: 6.5rem;
    }
    .HOme_Industry .box1 {
      margin-top: 1.2rem;
    }
  }
  @media screen and (max-width: 1500px) {
      .ProductCenter .box .banner2 .Pager{
          left: 21%;
      }
      .ProductCenter .box .banner2 .button{
          right: 21%;
      }
      .Appliation .box .item a .right .content4 {
          margin-top: 0.66rem;
      }
      .Footer .boxTop .list .item h5 {
          padding-left: 0.3rem;
      }
      .Footer .boxTop .list .item ul{
          padding-left: 0.3rem;
      }
      .Footer .boxTop .info .bot p {
          padding-left: 0.5rem;
      }
  }
  @media screen and (max-width: 1400px) {
      .ProductCenter .box .banner2 .Pager{
          left: 18%;
      }
      .ProductCenter .box .banner2 .button{
          right: 18%;
      }
      .Aside .item1 {
          margin-top: 1rem;
      }
      .NewsContainer .box .boxLeft a .img img {
          height: 100%;
          object-fit: cover;
      }
      .Join .box .list .boxTop .item {
          line-height: 0.32rem;
           padding: 0.2rem 0 0.2rem 0em;
      }
      .Join .box .list .boxTop .item1 {
          padding: 0.2rem 0 0.2rem 0.34rem;
      }
  }
  
  @media screen and (max-width: 1366px) {
    .Home_Banner .banner .swiper-slide .orientation .content2 {
      height: 0.9rem;
    }
    .HOme_Industry .box {
      margin-top: 1.5rem;
    }
  }
  @media screen and (max-width: 1280px) {
    .Home_About .box .boxRight .item1 {
      left: 1.4rem;
    }
    .Home_About .box .boxRight .item2 {
      left: 5.4rem;
    }
    .Home_About .box .boxRight .item .two div .div1 {
      font-size: 0.66rem;
    }
    .Home_Product .box .banner .swiper-container .swiper-slide .item .boxRight {
      padding-left: 0.84rem;
    }
    .Home_Product .box .banner {
      padding-left: 1.6rem;
    }
  }
  
  @media screen and (max-width: 1024px) {
      
      
       .aside_Container {
      display: none !important;
      visibility: hidden;
    }
    .Footer_Container .box1 {
      display: none;
    }
    .Footer_Container .box2 .left {
      width: 100%;
    }
    .Footer_Container .box2 .left .item {
      margin-right: 0;
      width: 50%;
    }
    .Footer_Container .box2 .left .item .content2 {
      font-size: 0.22rem;
    }
    .Footer_Container .box2 {
      padding: 0.8rem 0 0;
    }
    .Footer_Container .box2 .right .item {
      margin-left: 0;
      margin-right: 0.2rem;
    }
    .Footer_Container .box2 .right {
      margin-top: 0.4rem;
    }
    .Footer_Container .box3 {
      margin-top: 0.45rem;
      padding: 0.45rem 0 0.75rem;
    }
    .Footer_Container .box3 {
      text-align: center;
      line-height: 2;
    }
    .Footer_Container .box3 a {
      margin-left: 0rem;
      display: block;
      text-align: center;
    }
    .Home_News .box .banner .swiper-slide a figcaption {
      padding: 0.35rem 0.2rem 0.5rem;
    }
    .HOme_Industry .listImg img {
      min-height: 7rem;
      -o-object-fit: cover;
      object-fit: cover;
    }
    .HOme_Industry .box {
      margin-top: 0.7rem;
    }
    .HOme_Industry .box1 {
      margin-top: 0.7rem;
    }
    .Home_Product .box .banner {
      padding-left: 0;
    }
    .Home_Product .box {
      margin-top: 0.7rem;
      padding-left: 5vw;
    }
    .Home_Product .box .banner .swiper-container .swiper-slide .item .boxLeft {
      width: 3.2rem;
    }
    .Home_Product .box .banner .swiper-container .swiper-slide .item .boxRight{
        width: calc(100% - 3.2rem);
    }
    
    .Home_Product .box .banner .swiper-container .swiper-slide .item .boxRight {
      padding-left: 0.4rem;
    }
    .Home_Product .img {
      width: 2.6rem;
      display: none;
    }
    .Home_Product .box .banner .swiper-container .swiper-slide .item .boxRight .content1 {
      font-size: 0.3rem;
    }
    .Home_Product .box .banner .swiper-container .swiper-slide {
      width: 90vw;
    }
    .Home_Product .title {
      color: #000;
    }
    .Home_About .box .boxLeft {
      width: 100%;
    }
    .Home_About .box .boxRight {
      width: 100%;
      -webkit-box-flex: 1;
      -webkit-flex: 1 100%;
      -ms-flex: 1 100%;
      flex: 1 100%;
    }
    .Home_About .box .boxLeft {
      padding: 0.7rem 0 0;
      max-width: 100%;
    }
    .Home_About .box .boxRight {
      margin-top: 0.7rem;
      height: auto;
    }
    .Home_About .box .boxRight .list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0.4rem;
    }
    .Home_About .box .boxRight .list .item {
      width: 100%;
      left: 0;
      top: 0;
      position: relative;
    }
    .Home_About .box .boxLeft .content4 {
      margin-top: 0.45rem;
    }
    .Home_Banner .banner picture {
      opacity: 1;
    }
    .Home_Banner .banner picture img {
      height: 60vh;
    }
    .Home_Banner .banner .swiper-slide{
         height: 60vh;
    }
    .Home_Banner .banner .swiper-slide .orientation .content2 {
      height: 0.5rem;
    }
    .Home_Banner .banner .swiper-slide .orientation .content1 {
      font-size: 0.38rem;
    }
    .Header_Container {
      display: none;
    }
    .Home_About .box .boxRight .item .two div .div1 {
      font-size: 0.56rem;
    }
    .HeaderMobile .box .button .menu .menu_btn p span,
    .HeaderMobile .box .button .menu .menu_btn p::after,
    .HeaderMobile .box .button .menu .menu_btn p::before {
      background-color: #fff;
    }
    .search_container {
      top: 58px;
    }
    .Home_Banner .banner .page {
      display: none;
    }
      
      .Footer .boxBot .Main .left span{
          display: none;
      }
      .Footer .boxBot .Main .left {
      line-height: 0.3rem;
  }
  .ProductCenter .box .banner2 .swiper-slide .ProImg{
          height: auto;
  }
    .Header {
      display: none;
    }
    .BannerContainer .Container .swiper-slide > img {
      height: auto;
      min-height: 50vh;
    }
    .BannerContainer .Container .swiper-slide ._p .Main h4 {
      font-size: 0.36rem;
    }
    .BannerContainer .Container .button {
      right: 5vw;
    }
    .ProductCenter .box .banner1 .swiper-wrapper {
      flex-wrap: wrap;
      justify-content: flex-start;
    }
    .ProductCenter .box .banner1 .swiper-slide {
      margin: 0 0 0.3rem;
      width: 25%;
    }
    .ProductCenter .box .banner2 .swiper-slide {
      width: 90vw;
    }
    .Aside {
      visibility: hidden;
    }
    .ProductCenter .box .banner2 .swiper-slide .BottomLayer .Img {
      width: 4rem;
    }
    .ProductCenter .box .banner2 .swiper-slide .BottomLayer .Main {
      flex: 1;
      padding: 0.48rem;
      box-sizing: border-box;
    }
    .ProductCenter .box .banner2 .swiper-slide .BottomLayer .Img img {
      height: 100%;
    }
    .ProductCenter .box .banner2 .Pager {
      left: 50%;
      top: auto;
      bottom: -12%;
      transform: translateX(-50%);
      width: 100%;
    }
    .ProductCenter .box .banner2 .Pager > div {
      display: flex;
      justify-content: center;
    }
    .ProductCenter .box .banner2 .Pager > div p {
      margin: 0 5px;
    }
    .ProductCenter .box .banner2 .button {
      display: none;
    }
    .ProductCenter .box .banner2 .swiper-slide .ProImg {
      width: 2.5rem;
      top: 1.64rem;
    }
    .ProductCenter {
      padding-bottom: 0.9rem;
    }
    .IndustryApplication .box {
      padding-left: 5vw;
    }
    .w1520 {
      padding-left: 5vw;
      padding-right: 5vw;
    }
    .NewsContainer .box .boxLeft {
      width: 100%;
    }
    .NewsContainer .box .boxRight {
      width: 100%;
    }
    .NewsContainer .box .boxRight .item {
      margin-top: 0.3rem;
    }
    .Footer .boxTop .list {
      display: none;
    }
    .Footer .boxTop .info {
      width: 100%;
    }
    .Footer .boxBot .Main .left {
      text-align: center;
      width: 100%;
    }
    .Footer .boxBot .Main .left a {
      display: block;
    }
    .Footer .boxTop {
      padding-bottom: 0.45rem;
    }
    .Footer .boxBot .Main .right {
      display: none;
    }
    .Footer .boxTop .info .top {
      display: none;
    }
    .Footer .boxTop .info .call {
      margin-top: 0;
    }
    .InnerBanner ._p h1 {
      font-size: 0.36rem;
    }
    .w1200 {
      padding-left: 5vw;
      padding-right: 5vw;
    }
    .AboutIntroduce .box {
      padding: 0;
    }
    .AboutIntroduce .box1 .item {
      width: 33.333%;
    }
    .Enterprise .item:nth-child(2) .boxTop {
      padding: 0.5rem 0rem 0.1rem;
    }
    .selectNav .box p {
      margin: 0;
    }
    .AboutIntroduce .box1 {
      justify-content: center;
    }
    .BusinessArea .box {
      justify-content: center;
    }
    .BusinessArea .box .item {
      width: 33.333%;
    }
    .BusinessDistribution .box .right {
      width: 40%;
      padding-top: 0.48rem;
    }
    .IndustryAdvantage .box .item .content1 p {
      width: 100%;
    }
    .ProductCenter_ {
      padding-bottom: 0;
    }
    .ProductContainer .List .item:not(:nth-child(3n)) {
      margin-right: 0%;
    }
    .ProductContainer .List .item:not(:nth-child(2n)) {
      margin-right: 2%;
    }
    .ProductContainer .List {
      justify-content: space-between;
    }
    .ProductContainer .List .item {
      width: 48%;
    }
    .inner_page .box .page a {
      display: none;
    }
    .inner_page .box .page span {
      display: none;
    }
    .inner_page .box .page .active {
      display: block;
    }
    .ProductInfo .box .boxLeft {
      width: 100%;
    }
    .ProductInfo .box .boxRight {
      width: 100%;
      margin-top: 0.3rem;
    }
    .ProductInfo .box .boxRight .main {
      margin: auto;
    }
    .ProductInfo1 .UpDown_ {
      padding: 1rem 0;
    }
    .Appliation .box .item a .left {
      width: 100%;
    }
    .Appliation .box .item a .left p {
      border-radius: 0.12rem 0.12rem 0 0;
    }
    .Appliation .box .item:last-child {
      margin-bottom: 0;
    }
    .AppliattionInfo .banner .swiper-slide .posi .content2 {
      font-size: 0.3rem;
    }
    .AppliattionInfo .banner .button .prev {
      left: 5vw;
    }
    .AppliattionInfo .banner .button .next {
      right: 5vw;
    }
    .AppliattionInfo1 .box1 {
      padding: 1rem 0;
    }
    .NewsInfo .box .content1 h5 {
      font-size: 0.28rem;
    }
    .NewsInfo .box .content3 {
      padding: 1rem 0;
    }
    .yuandi {
      margin-top: -1rem;
    }
    .ContactUs .box1 .list .item:not(:nth-child(3n)) {
      margin-right: 0;
    }
    .ContactUs .box1 .list .item:not(:nth-child(2n)) {
      margin-right: 2%;
    }
    .ContactUs .box1 .list {
      justify-content: space-between;
    }
    .ContactUs .box1 .list .item {
      width: 48%;
    }
    .ContactUs .box .item {
      width: 50%;
      margin-bottom: 0.3rem;
    }
    .InnerTitle {
      font-size: 0.32rem;
    }
    .Join .box .list .boxBottom .mai div p {
      font-size: 0.16rem;
    }
    .Join .box .list .boxTop .item4 {
      width: 10%;
    }
    .Join .tableHead .item4 {
      width: 10%;
    }
    .Join .box .list .boxTop .item1 {
      width: 38%;
    }
    .Join .tableHead .item1 {
      width: 38%;
    }
    .Join .box .list .boxTop .item2 {
      width: 34%;
    }
    .Join .tableHead .item2 {
      width: 34%;
    }
    .BannerContainer .Container .Pager {
      bottom: 0.3rem;
    }
    .Honor .button .next,.IndustryAdvantage .button .next{
        right: -0.25rem;
    }
    .Honor .button .prev,.IndustryAdvantage .button .prev{
          left: -0.25rem;
    }
    .BusinessDistribution::after {
        height: 4.1rem;
    }
    .NewsList .box .item a .right .content4 {
        margin-top: 0.18rem;
    }
    .Join .box .list .boxTop .item4 p .span1 font{
        display: none;
    }
    .Join .box .list .boxBottom .ri {
        width: 100%;
        padding-left: 0.34rem;
        margin-top: 0.3rem;
    }
    .BusinessArea {
        background: url(../images/area.png) no-repeat 50% 30%;
    }
  }
  @media screen and (max-width: 768px) {
    .HeaderPc .box {
      display: none;
    }
    .SearchMain {
      top: 59px;
    }
    body::-webkit-scrollbar {
      display: none;
    }
    .MobileMain {
      display: block;
    }
    .ProductInfo {
      margin-top: 0;
    }
    .ProductInfo .box .boxLeft {
      padding-top: 0;
    }
    .BannerContainer .Container .swiper-slide ._p .Main {
      margin-left: 5vw;
    }
    .IndustryApplication .box .banner .swiper-slide {
        width: 570px;
    }
    .IndustryApplication .box .banner .swiper-slide .Main1 {
        display: none;
    }
    .IndustryApplication .box .banner .swiper-slide .Main2 {
        transform: translateY(0%);
        opacity: 1;
    }
    
  }
  @media screen and (max-width: 699px) {
    .MobileNav .box .item > p a {
      font-size: 16px;
      line-height: 50px;
    }
    .MobileNav .box .item > p span {
      width: 15px;
      height: 50px;
    }
    .MobileNav .box .item > p font {
      display: inline-block;
      transform: scale(0.8);
      position: relative;
      right: -2px;
    }
    .MobileNav .box .item ul li a {
      font-size: 14px;
      line-height: 36px;
    }
    .MobileNav .box .item ul {
      padding: 16px 20px;
    }
    .SearchMainBox input {
      font-size: 15px;
    }
    .HeaderMobile .box .logo svg {
      transform: scale(0.8);
      margin-left: -20px;
    }
    .BannerContainer .Container .swiper-slide ._p .Main h4 {
      font-size: 0.3rem;
    }
    .BannerContainer .Container .swiper-slide ._p .Main p {
      letter-spacing: 0.02rem;
    }
    .BannerContainer .Container .button {
      display: none;
    }
    .ProductCenter .box .banner1 .swiper-slide {
      width: 33.333%;
    }
    .ProductCenter .box .banner2 .swiper-slide .BottomLayer .Img {
      width: 100%;
    }
    .ProductCenter .box .banner2 .swiper-slide .BottomLayer {
      overflow: hidden;
    }
    .ProductCenter .box .banner2 .swiper-slide .ProImg {
      width: 3rem;
      top: 3.8rem;
    }
    .ProductCenter .box .banner2 .Pager {
      bottom: -2%;
    }
    .IndustryApplication .box .banner .swiper-slide .Main2 {
      width: 90vw;
    }
    .IndustryApplication .box .banner .swiper-slide {
      width: 90vw;
    }
    .IndustryApplication .box .banner .swiper-slide .item {
      width: 90vw;
    }
    .IndustryApplication .box .banner .swiper-slide .Main1 {
      display: none;
    }
    .IndustryApplication .box .banner .swiper-slide .Main2 {
      transform: translateY(0%);
      opacity: 1;
    }
    .IndustryApplication .box .banner .swiper-slide .item .img img {
      height: 440px;
    }
    .IndustryApplication .button .Pager div p {
      margin: 0;
      transform: scale(0.8);
    }
    .IndustryApplication .button .btn img {
      transform: scale(0.8);
    }
    .IndustryApplication .button .btn.prev img {
      transform: rotate(180deg) scale(0.8);
    }
    .NewsContainer .box .boxLeft a .img {
      width: 100%;
    }
    .NewsContainer .box .boxLeft a {
      flex-wrap: wrap;
    }
    .NewsContainer .box .boxRight .item a {
      flex-wrap: wrap;
    }
    .NewsContainer .box .boxRight .item a .left {
      width: 100%;
    }
    .NewsContainer .box .boxRight .item a .left img {
      width: 100%;
      transform: scale(1);
    }
    .NewsContainer .box .boxRight .item a .right {
      padding-left: 0;
      margin-top: 0.3rem;
    }
    .Button8 .btn {
      width: 180px;
      line-height: 50px;
    }
    .Footer .boxTop .info .bot p {
      padding-left: 0.6rem;
    }
    .Footer .boxTop .info .call a span {
      width: 0.5rem;
    }
    .InnerBanner ._p h1 {
      font-size: 0.28rem;
    }
    .InnerBanner ._p p {
      letter-spacing: 0.02rem;
    }
    .InnerTitle {
      font-size: 0.26rem;
    }
    .ProductCenter .box .banner1 .swiper-slide .title {
      line-height: 0.3rem;
    }
    .AboutIntroduce .box1 .item {
      width: 50%;
      margin-bottom: 0.2rem;
    }
    .AboutIntroduce .box1 {
      justify-content: flex-start;
    }
    .Enterprise .item {
      width: 100%;
    }
    .Enterprise .item .boxTop {
      padding: 0 !important;
    }
    .Enterprise .item .boxTop .con2,
    .AboutIntroduce .box,
    .ProductCenter .box .banner1 .swiper-slide .title,
    .ProductCenter .box .banner2 .swiper-slide .BottomLayer .Main .content4,
    .IndustryApplication .box .banner .swiper-slide .Main2 .content4,
    .NewsContainer .box .boxLeft a .Main .content3,
    .NewsContainer .box .boxRight .item a .right .content3 {
      font-size: 0.2rem;
    }
    .Enterprise .item:nth-child(2) {
      flex-flow: column;
    }
    .Enterprise .item .boxBot {
      margin-top: 0.2rem;
    }
    .Enterprise .item .boxTop .con2 {
      height: auto;
    }
    .Enterprise {
      margin-top: 0;
    }
    .Enterprise .item {
      margin-top: 0.5rem;
    }
    .BusinessArea .box .item {
      margin-bottom: 0.3rem;
    }
    .BusinessDistribution .box .left {
      width: 100%;
    }
    .BusinessDistribution .box .right {
      width: 100%;
    }
    .Client {
      padding-top: 0.75rem;
    }
    .Client .box p {
      width: 49%;
    }
    .Client .box p a {
      line-height: 0.34rem;
    }
    .ProductContainer .List .item {
      width: 100%;
      margin-right: 0;
    }
    .inner_page .box .page {
      display: block;
    }
    .inner_page .box .button p a {
      line-height: 38px;
      padding: 0 20px;
    }
    .inner_page .box .page a {
      line-height: 38px;
      width: 38px;
    }
    .ProductInfo .box .boxLeft .content2 {
      font-size: 0.26rem;
    }
    .ProductInfo .box .boxLeft .content1 {
      font-size: 0.26rem;
    }
    .ProductInfo .box .boxRight .main {
      width: 90vw;
      height: 90vw;
    }
    .ProductInfo1 .box p {
      font-size: 0.2rem;
    }
    .UpDown .go {
      display: none;
    }
    .UpDown .button {
      max-width: 100%;
    }
    .AppliattionInfo .banner .swiper-slide .img img {
      height: 4rem;
      object-fit: cover;
    }
    .AppliattionInfo .banner .swiper-slide .posi .content2 {
      font-size: 0.24rem;
    }
    .AppliattionInfo .banner .Pager {
      bottom: 0.2rem;
    }
    .AppliattionInfo .banner .swiper-slide .posi .content2 {
      margin-top: 0.1rem;
    }
    .AppliattionInfo .banner .swiper-slide .posi {
      bottom: 0.8rem;
    }
    .Join .box .list .boxBottom .mai div p,
    .AfterSales .box .text,
    .NewsInfo .box .content2,
    .NewsList .box .item a .right .content3,
    .AppliattionInfo1 .box,
    .Appliation .box .item a .right .content3 {
      font-size: 0.2rem;
    }
    .NewsList .box .item a .left {
      width: 100%;
    }
    .NewsList .box .item a .right {
      padding-left: 0;
      margin-top: 0.3rem;
    }
    .NewsList .box .item a .right .content4 {
      margin-top: 0.28rem;
    }
    .NewsList .m56 {
      margin-top: 0.2rem;
    }
    .NewsInfo .box .content1 h5 {
      font-size: 0.24rem;
    }
    .NewsInfo .box .content2 {
      text-align: justify;
    }
    .OnlineMessage .div .box .list .item {
      width: 100%;
    }
    .OnlineMessage .div .box .list1 p {
      display: block;
      width: 100%;
      margin-right: 0;
      margin-bottom: 0.2rem;
    }
    .yuandi {
      margin-top: 0;
    }
    .AfterSales .box {
      padding: 0;
    }
    .ContactUs .box1 .list .item {
      width: 100%;
      margin-right: 0 !important;
    }
    .Join .box .list .boxBottom .ri,
    .Join .box .list .boxBottom .le {
      width: 100%;
      padding-left: 0.34rem;
    }
    .Join .box .list .boxBottom .ri {
      margin-top: 0.2rem;
    }
    .Join .box .list .boxBottom .mai h5 {
      font-size: 0.22rem;
    }
    .Button8 .btn {
      font-size: 14px;
    }
    .Join .box .list .boxTop .item {
      line-height: 0.36rem;
      padding: 0.2rem 0;
    }
    .Join .box .list .boxTop .item1 {
      padding-left: 0.34rem;
    }
    .Join .box .list .boxTop .item4 p font {
      display: none !important;
    }
    .OnlineMessage .div .box .list .item input {
      padding: 0 0.7rem 0 1.2rem;
    }
      
      .DevelopmentPath .Pager div p {
          margin: 0 0rem;
      }
      .IndustryAdvantage .box .item .content2 br{
          display: none;
      }
      .InnerBanner .img img{
          height: 3rem;
          object-fit: cover;
      }
      .UpDown .button {
          width: 100%;
          text-align: left !important;
      }
      .UpDown {
          line-height: 0.5rem;
          padding: 0.15rem 0;
      }
      .OnlineMessage .div .box .list1 .layui-form-checkbox[lay-skin=primary] span {
          padding-right: 0.2rem;
      }
      .NewsContainer .box .boxRight .item a .left img{
          height: auto;
      }
       .HeaderMobile .box .logo a img {
      height: 22px;
    }
  
    
    .HeaderMobile .box .button .menu {
      margin-left: 0.5rem;
    }
    .Home_Product .box .banner .swiper-container .swiper-slide .item .boxLeft {
      width: 80%;
      text-align: center;
      margin-left: 10%;
    }
    .Home_Product .box .banner .swiper-container .swiper-slide .item .boxRight {
      width: 100%;
      padding-left: 0;
    }
    .Home_Product .box .banner .disposition .right,
    .Home_News .box1 .disposition .right {
      width: 3rem;
    }
    .Footer_Container .box2 .left .item .content3 {
      margin-top: 0.34rem;
    }
      .HeaderMobile .box .button .menu,
      .HeaderMobile .box .button .search{
          margin-left: 0.2rem;
      }
      

      
  }
  /*# sourceMappingURL=./style.css.map */